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操作ACCESS数据库(读增改删)的代码
May 14 Javascript
ext监听事件方法[初级篇]
Apr 27 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
悬浮数字的实现案例
Feb 19 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
Apr 16 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 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之第九天
2006/10/09 PHP
优化php效率,提高php性能的一些方法
2011/03/24 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
任意位置显示html菜单
2007/02/01 Javascript
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
Vue的Flux框架之Vuex状态管理器
2017/07/30 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[01:04:02]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第二场 1月24日
2021/03/11 DOTA
Python实现的微信公众号群发图片与文本消息功能实例详解
2017/06/30 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
临床医学专业个人的自我评价
2013/09/27 职场文书
农行心得体会
2014/09/02 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
教师创先争优承诺书
2015/04/27 职场文书
对公司的意见和建议
2015/06/04 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
100句人生哲理语录集锦:强者征服今天,懒汉坐等明天
2019/10/18 职场文书