JavaScript實現計數器基礎方法

來源：懂視網責編：小OO 時間：2020-11-27 22:28:21

JavaScript實現計數器基礎方法

本文實例為大家分享了js實現計數器的具體代碼，供大家參考，具體內容如下：通過使用 JavaScript，設定的時間間隔之后來執行代碼，而不是在函數被調用后立即執行。稱之為計時事件。在 JavaScritp 中使用計時事件是很容易的，兩個關鍵方法是。setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。setTimeout() - 暫停指定的毫秒數后執行指定的代碼。Note： setInterval() 和 setTimeout() 是 HTML DOM Window對象的兩個方法。在這里只介紹了setTimeout()方法。

推薦度：

點擊下載本文 文檔為doc格式

導讀本文實例為大家分享了js實現計數器的具體代碼，供大家參考，具體內容如下：通過使用 JavaScript，設定的時間間隔之后來執行代碼，而不是在函數被調用后立即執行。稱之為計時事件。在 JavaScritp 中使用計時事件是很容易的，兩個關鍵方法是。setInterval() - 間隔指定的毫秒數不停地執行指定的代碼。setTimeout() - 暫停指定的毫秒數后執行指定的代碼。Note： setInterval() 和 setTimeout() 是 HTML DOM Window對象的兩個方法。在這里只介紹了setTimeout()方法。

本文實例為大家分享了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>

效果：