JS模拟时钟

来源：互联网发布：淘宝五颗心编辑：程序博客网时间：2024/06/05 09:54

<html><head><title>js模拟时钟</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"></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

8 0