JS模拟时钟

JS模拟时钟,第1张

概述&lthtml&gt&lthead&gt&lttitle&gtjs模拟时钟&lt/title&gt&ltmeta http-equiv="content-type" content="text/html; charset=UTF-8"&gt&lt/head&gt&ltbody onLoad="setInterval(setTimeSpan,1000) <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


总结

以上是内存溢出为你收集整理的JS模拟时钟全部内容,希望文章能够帮你解决JS模拟时钟所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1018497.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存