这个例子的使用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>