JS模拟时钟

<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


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。