1. 程式人生 > >用JS寫的一個簡易計時器

用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=

"startTime()"></br>

    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.

getHours();

   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>