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 相关文章推荐
代码触发js事件(click、change)示例应用
Dec 13 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
基于js 本地存储(详解)
Aug 16 Javascript
element中的$confirm的使用
Apr 26 Javascript
JavaScript中arguments的使用方法详解
Dec 20 Javascript
vue实现简单数据双向绑定
Apr 28 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+Html+缓存
2006/12/20 PHP
PHP 输出缓存详解
2009/06/20 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
2014/10/14 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
2019/12/13 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
请用用Java代码写一个堆栈
2012/01/26 面试题
js实现弹框效果
2021/03/24 Javascript
自动化专业毕业生自荐信
2013/11/01 职场文书
文明演讲稿范文
2014/05/12 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
出差报告格式模板
2014/11/06 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS