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 相关文章推荐
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
超全面的javascript中变量命名规则
Feb 09 Javascript
分析javascript原型及原型链
Mar 18 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
如何利用JavaScript实现二叉搜索树
Apr 02 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
IStream与TStream之间的相互转换
2008/08/01 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
javascript数组去掉重复
2011/05/12 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
Python标准库sched模块使用指南
2017/07/06 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python调用摄像头拍摄数据集
2019/06/01 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
tensorflow使用CNN分析mnist手写体数字数据集
2020/06/17 Python
Python configparser模块应用过程解析
2020/08/14 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
泰国在线书店:SE-ED
2020/06/21 全球购物
行政管理人员精品工作推荐信
2013/11/04 职场文书
新品发布会主持词
2014/04/02 职场文书
十佳中学生事迹材料
2014/06/02 职场文书
公务员考察材料
2014/12/23 职场文书
办公室岗位职责范本
2015/04/11 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
Python 的 sum() Pythonic 的求和方法详细
2021/10/16 Python