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无缝滚动代码
Jan 03 Javascript
JS获取页面窗口大小的代码解读
Dec 01 Javascript
jQuery 选择器详解
Jan 19 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
Javascript中字符串相关常用的使用方法总结
Mar 13 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
详解Vue依赖收集引发的问题
Apr 22 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
用PHP和ACCESS写聊天室(一)
2006/10/09 PHP
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
BOOM vs RR BO5 第一场 2.14
2021/03/10 DOTA
IE8 兼容性问题(属性名区分大小写)
2009/06/04 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
JavaScript获得页面base标签中url的方法
2015/04/03 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
AngularJS学习笔记之依赖注入详解
2016/05/16 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
python读取oracle函数返回值
2016/07/18 Python
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
Python3远程监控程序的实现方法
2019/07/15 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
项目经理岗位职责
2013/11/11 职场文书
2014年元旦活动方案
2014/02/15 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
python基础入门之普通操作与函数(三)
2021/06/13 Python
JavaScript组合继承详解
2021/11/07 Javascript