JS时间特效最常用的三款


Posted in Javascript onAugust 19, 2015

为大家分享的JS时间特效代码如下

<head>

<title>3个最常用的JS时间特效</title>
</head>

<body>
<table width="298" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td height="50" bgcolor="#f4f4f4">
<script language=JavaScript>
<!--
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = " 星期日"
if(today.getDay()==1) day = " 星期一"
if(today.getDay()==2) day = " 星期二"
if(today.getDay()==3) day = " 星期三"
if(today.getDay()==4) day = " 星期四"
if(today.getDay()==5) day = " 星期五"
if(today.getDay()==6) day = " 星期六"
document.fgColor = "000000";
date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";
document.write(date);
// -->
</script>
</td>
 </tr>
 <tr>
 <td height="50">
 <div id="webjx"></div>
 <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
 </script></td>
 </tr>
 <tr>
 <td height="50" bgcolor="#f4f4f4">
 <span id=nowDate></span>
 <span id=nowTime></span>
 <script><!--
var ns4up1 = (document.layers) ? 1 : 0; // browser sniffer

var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;

var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;

function nowclock() {
if (!ns4up1 && !ie4up1 && !ns6up1) return false;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var day = digital.getDate();
var month = digital.getMonth() + 1;
var year = digital.getYear();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
if (day < 10) day = "0" + day;
if (month < 10) month = "0" + month;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
dispDate = year + "年" + month + "月" + day+ "日, " ;
if (ns4up1) {
document.layers.nowTime.document.write(dispTime);
document.layers.nowTime.document.close();
document.layers.nowDate.document.write(dispDate);
document.layers.nowDate.document.close();
} else if (ns6up1){
document.getElementById("nowTime").innerHTML = dispTime;
document.getElementById("nowDate").innerHTML = dispDate;
} else if (ie4up1){
nowTime.innerHTML = dispTime;
nowDate.innerHTML = dispDate;
} setTimeout("nowclock()", 1000);
} nowclock();
//-->
 </script>

</td>
 </tr>
</table>

</body>
</html>

复制上面代码,直接运行即可得到下面的效果:

JS时间特效最常用的三款

以上就是为大家分享的JavaScript时间特效代码,希望大家可以喜欢。

Javascript 相关文章推荐
javascript时间自动刷新实现原理与步骤
Jan 06 Javascript
仿百度输入框智能提示的js代码
Aug 22 Javascript
asp.net+js实现金额格式化
Feb 27 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 #Javascript
JS模拟并美化的表单控件完整实例
Aug 19 #Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 #Javascript
Jquery基础教程之DOM操作
Aug 19 #Javascript
jquery小火箭返回顶部代码分享
Aug 19 #Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 #Javascript
js实现当前输入框高亮显示的方法
Aug 19 #Javascript
You might like
使用PHP计算两个路径的相对路径
2013/06/14 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
php实现的双向队列类实例
2014/09/24 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
零基础php编程好学吗
2019/10/11 PHP
js的event详解。
2006/09/06 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
JavaScript中如何通过arguments对象实现对象的重载
2014/05/12 Javascript
document.write的几点使用心得
2014/05/14 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
用Python实现读写锁的示例代码
2018/11/05 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
python右对齐的实例方法
2020/07/05 Python
python db类用法说明
2020/07/07 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
如何进行Linux分区优化
2016/09/13 面试题
教育技术学专业职业规划书
2014/03/03 职场文书
初中学生评语大全
2014/04/24 职场文书
男人帮观后感
2015/06/18 职场文书
暑期工社会实践报告
2015/07/13 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS