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定时器详解及实例
Aug 01 Javascript
再谈javascript原型继承
Nov 10 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
Dec 14 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
微信小程序rich-text富文本用法实例分析
May 20 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
在项目中寻找代码的坏命名
2012/07/14 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP+FFMPEG实现将视频自动转码成H264标准Mp4文件
2014/09/24 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
flexigrid 类似ext grid的JS表格代码
2010/07/17 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
python实现bitmap数据结构详解
2014/02/17 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
浅谈CSS3 动画卡顿解决方案
2019/01/02 HTML / CSS
美国最大的半成品净菜电商:Blue Apron(蓝围裙)
2018/04/27 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
中专毕业生自荐信范文
2013/11/28 职场文书
大学生求职自荐信
2013/12/12 职场文书
志愿者宣传口号
2014/06/17 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
明确岗位职责
2015/02/14 职场文书
交通事故案件代理词
2015/05/23 职场文书
千与千寻观后感
2015/06/04 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
tomcat的catalina.out日志按自定义时间格式进行分割的操作方法
2022/04/02 Servers
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers