【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>

你可能感兴趣的:(JavaScript)