JS模擬時鐘
來源：程序員人生 發布時間：2015-01-22 08:59:25 閱讀次數：2699次
<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
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
