JavaScript怎麼刪除延時器
- 青灯夜游原創
- 2021-10-27 18:24:264708瀏覽
JavaScript刪除延時器的方法：1、使用「clearInterval(id)」語句，可以刪除由setInterval()定義的延時器；2、使用「clearTimeout(id)」語句，可刪除由setTimeout()定義的延時器。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript 延時器，又稱定時器，有時也稱為“計時器”，用來在經過指定的時間後執行某些任務，類似於我們生活中的鬧鐘。
在 JavaScript 中，我們可以利用延時器來延遲執行某些程式碼，或以固定的時間間隔重複執行某些程式碼。
JavaScript 中提供了兩種方式來設定定時器，分別是setTimeout() 和setInterval()；而對應的刪除延時器的方法也有兩種：
-
clearInterval() 取消由setInterval() 設定的timeout。
clearTimeout() 取消由 setTimeout() 方法設定的 timeout。
clearInterval()
clearInterval() 方法可取消由 setInterval() 設定的 timeout。
語法：
clearInterval(id)
clearInterval() 方法的參數必須是由 setInterval() 傳回的 ID 值。
範例：
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>clearTimeout()
clearTimeout() 方法可取消由 setTimeout() 方法設定的 timeout。
語法：
clearTimeout(id)
clearInterval() 方法的參數必須是由 setTimeout() 傳回的 ID 值。
範例：
<html>
<head>
<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="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>
</html>【推薦學習：javascript進階教學】
以上是JavaScript怎麼刪除延時器的詳細內容。更多資訊請關注PHP中文網其他相關文章！