JavaScript實現(xiàn)計數(shù)器基礎方法

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

JavaScript實現(xiàn)計數(shù)器基礎方法

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

推薦度：

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

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

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

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

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

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

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;
 //創(chuàng)建計時器，在指定周期內循環(huán)執(zhí)行
 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>

效果：