<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">
</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://blog.ytso.com/js_imitate_clock/
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/14533.html