Window clearTimeout() 方法
Window 對象實例
阻止 setTimeout() 方法執行函數 :
var myVar;
function myFunction() {
myVar = setTimeout(function(){ alert("Hello"); }, 3000);
}
function myStopFunction() {
clearTimeout(myVar);
}
定義和用法
clearTimeout() 方法可取消由 setTimeout() 方法設置的定時操作。
clearTimeout() 方法的參數必須是由 setTimeout() 返回的 ID 值。
注意: 要使用 clearTimeout() 方法, 在創建執行定時操作時要使用全局變數：
myVar = setTimeout("javascript function", milliseconds);
如果方法還未被執行，我們可以使用 clearTimeout() 來阻止它。
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 方法 | |||||
|---|---|---|---|---|---|
| clearTimeout() | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
語法
clearTimeout(id_of_settimeout)
| 參數 | 描述 |
|---|---|
| id_of_setinterval | 調用 setTimeout() 函數時所獲得的返回值，使用該返回識別字作為參數，可以取消該 setTimeout() 所設定的定時執行操作。 |
技術細節
| 返回值: | 沒有返回值。 |
|---|
更多實例
實例
以下實例通過點擊 "開始計數!" 按鈕開始執行計數程式。點擊 "停止計數!" 按鈕停止後，可以再次點擊點擊 "開始計數!" 按鈕會重新開始計數。
<button onclick="startCount()">開始計數!</button>
<input type="text" id="txt">
<button onclick="stopCount()">停止計數!</button>
<script>
var c = 0;
var t;
var timer_is_on = 0;
function timedCount() {
document.getElementById("txt").value = c;
c = c + 1;
t = setTimeout(function(){timedCount()}, 1000);
}
function startCount() {
if (!timer_is_on) {
timer_is_on = 1;
timedCount();
}
}
function stopCount() {
clearTimeout(t);
timer_is_on = 0;
}
</script>
相關頁面
Window 對象: setInterval() 方法
Window 對象: setTimeout() 方法
Window 對象: clearInterval() 方法