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 window.opener的用法分析
Apr 07 Javascript
jquery批量控制form禁用的代码
Aug 06 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
使用jquery实现以post打开新窗口
Mar 19 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
javascript将16进制的字符串转换为10进制整数hex
Mar 05 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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
关于查看MSSQL 数据库 用户每个表 占用的空间大小
2013/06/21 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php的4种常见运行方式
2015/03/20 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
PHP实现倒计时功能
2020/11/16 PHP
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
Angular5中调用第三方库及jQuery的添加的方法
2018/06/07 jQuery
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
从零学Python之入门(三)序列
2014/05/25 Python
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Python3 合并二叉树的实现
2019/09/30 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
最新结婚典礼主持词
2014/03/14 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
组工干部对照检查材料
2014/08/25 职场文书
会计岗位职责
2015/02/03 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL