分享一个用setTimeout语法实现的JS时钟

这个例子的使用setTimeout这个定时器函数,并结合日期对象即可做出时钟的效果。 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>当前时间</title>
</head>
<body>
<div id="time" style="text-align:center;font-size:30px;"></div>


<script type="text/javascript">
	function showTime(){
	    var time=new Date();
		var hour=time.getHours();
		var minutes=time.getMinutes();
		var second=time.getSeconds();
		hour<10?hour='0'+hour:hour;
		minutes<10?minutes='0'+minutes:minutes;
		second<10?second='0'+second:second;
		var now_time=hour+':'+minutes+':'+second;
		document.getElementById('time').innerHTML=now_time;
		setTimeout("showTime();",1000); //动态调取时间
	}
	showTime();
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/leen_1993/article/details/81133715