用JS寫的一個簡易計時器
執行結果如圖:
點選開始計時,就會顯示系統時間,然後這個時鐘會每秒更新,點選停止計時,這個時間就會停止。這個是簡易版本。
程式碼如下:
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <metacharset="UTF-8">
5 <title>Title</title>
6 </head>
7 <br>
8 <inputtype="button" value="開始計時" onclick=
9 <script type="text/javascript">
10
11 functionshowTime(){
12 vard=new Date();
13 varyea=d.getFullYear();
14 varmonth=d.getMonth();
15 vardat=d.getDate();
16 varhour=d.
17 varminutes=d.getMinutes();
18 varseconds=d.getSeconds();
19 document.getElementById("001").innerHTML=yea+"年"+(month+1)+"月"+dat+"日"+hour+"時"+minutes+"分"+seconds+"秒";
20 }
21
22 vara;
23 functionstartTime
24 a=setInterval("showTime()",1000);
25 }
26 functionstopTime(){
27 clearInterval(a);
28 }
29 </script>
30 <inputtype="button" value="停止計時" onclick="stopTime()"></br>
31 <span>現在時間是:</span>
32 <span id="001"></span>
33 </body>
34 </html>