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 函数调用规则
Sep 14 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
JavaScript实现水平进度条拖拽效果
Jan 18 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
详解基于vue-cli优化的webpack配置
Nov 06 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
Sep 07 Javascript
vue脚手架项目创建步骤详解
Mar 02 Vue.js
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 文件缓存函数
2011/10/08 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
JavaScript格式化数字的函数代码
2010/11/30 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
手机号码,密码正则验证
2014/09/04 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
2015/02/13 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
最佳的JavaScript错误处理实践
2016/07/16 Javascript
ES6新特性七:数组的扩充详解
2017/04/21 Javascript
在vue项目中优雅的使用SVG的方法实例详解
2018/12/03 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
python 中的int()函数怎么用
2017/10/17 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
保安拾金不昧表扬信
2014/01/15 职场文书
小班重阳节活动方案
2014/02/08 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js