国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > JS模拟时钟

JS模拟时钟

来源:程序员人生   发布时间:2015-01-22 08:59:25 阅读次数:2294次
<html> <head> <title>js摹拟时钟</title> <meta http-equiv="content-type" content="text/html; charset=UTF⑻"> </head> <body onLoad="setInterval(setTimeSpan,1000);"> <span style="font-size: 25px;" id="timeSpan"></span> </body> <script type="text/javascript"> function setTimeSpan() { var date = new Date(); timeSpan.innerHTML = date.format('现在是:yyyy年MM月dd日 hh:mm:ss'); } Date.prototype.format = function(format) { var o = { "M+" : this.getMonth() + 1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Math.floor((this.getMonth() + 3) / 3), //quarter "S" : this.getMilliseconds() //millisecond } if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (this.getFullYear() + "") .substr(4 - RegExp.$1.length)); for ( var k in o) if (new RegExp("(" + k + ")").test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); return format; } </script> </html>
查看演示:http://itmyhome.com/js_imitate_clock/


作者:itmyhome


生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生