码迷,mamicode.com
首页 > Web开发 > 详细

JS模拟时钟

时间:2015-01-15 22:05:43      阅读:199      评论:0      收藏:0      [点我收藏+]

标签: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


JS模拟时钟

标签:js   模拟时钟   

原文地址:http://blog.csdn.net/itmyhome1990/article/details/42673009

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!