【javascript】基于javascript的小时钟

计时事件:通过JavaScript,我们可以设置在一段时间间隔后执行一段代码,而不仅仅是在函数调用后立即执行。

在JavaScript中,使用计时事件是很容易的,主要有两个事件供我们使用

setTimeout()  开始

clearTimeout() 取消setTimeout()

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function startTime()
 5 {
 6 var today=new Date()
 7 var h=today.getHours()
 8 var m=today.getMinutes()
 9 var s=today.getSeconds()
10 // add a zero in front of numbers<10
11 m=checkTime(m)
12 s=checkTime(s)
13 document.getElementById('txt').innerHTML=h+":"+m+":"+s
14 t=setTimeout('startTime()',500)
15 }
16 
17 function checkTime(i)
18 {
19 if (i<10) 
20   {i="0" + i}
21   return i
22 }
23 </script>
24 </head>
25 
26 <body onload="startTime()">
27 <div id="txt"></div>
28 </body>
29 </html>
原文地址:https://www.cnblogs.com/wywnet/p/3419864.html