JS模拟时钟
来源：程序员人生 发布时间：2015-01-22 08:59:25 阅读次数：2482次
<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
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
