如何用javascript實現一小時倒計時

新建一個HTML文件，定名為test.html，用于實現倒計時功能。

在test.html頁面，建立一個id為timer的div，用于下面步調獲得該對象，在div內顯示倒計時。

編寫js代碼，實現倒計時功能。起首，需要界說一小時的秒數變量，用于程序利用按時器倒數。

利用按時器方式setInterval（），實現每秒鐘執行一次CountDown（）函數，CountDown（）函數本家兒要用于實現時候倒數并顯示在div標簽內。

在CountDown（）函數內利用if判定maxtime，當maxtime不小于零時，把倒計時的動態時候顯示在div標簽內。殘剩的分鐘數利用Math.floor(maxtime/60)計較得出，殘剩的秒數由Math.floor(maxtime%60)計較得出，--maxtime實現時候的自減倒數。

當--maxtime自減小于零時，即一個小時的時候到了，這時需要利用clearInterval（）斷根按時器，避免繼續執行倒數。

在瀏覽器運行test.html，查看實現的結果。

代碼百度云下載鏈接：

1iB8vpgQtMfa0SkAtOp3rJg 提取碼: 28w8

0 條評論