JavaScript實現計數器基礎方法

2019-11-19 15:12:22

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了js實現計數器的具體代碼，供大家參考，具體內容如下

通過使用 JavaScript，設定的時間間隔之后來執行代碼，而不是在函數被調用后立即執行。稱之為計時事件。

在 JavaScritp 中使用計時事件是很容易的，兩個關鍵方法是:

setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。
setTimeout() - 暫停指定的毫秒數后執行指定的代碼

Note: setInterval() 和 setTimeout() 是 HTML DOM Window對象的兩個方法。在這里只介紹了setTimeout()方法；

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <script type="text/javascript">      var c = 0      var t      function timedCount() {        document.getElementById('txt').value = c;        c = c + 1;        //創建計時器，在指定周期內循環執行        t = setTimeout("timedCount()", 1000);      }      function stopCount() {        //清除計時器        clearTimeout(t);      }    </script>  </head>  <body>    <form>      <input type="button" value="開始計時！" onClick="timedCount()">      <input type="text" id="txt">      <input type="button" value="停止計時！" onClick="stopCount()">    </form>  </body></html>

效果：