最新的Web開發教程
 

窗口clearTimeout() Method

<窗口對象

防止與設定的功能setTimeout()執行:

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello"); }, 3000);
}

function myStopFunction() {
    clearTimeout(myVar);
}
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

所述clearTimeout()方法清除一個定時器與所述設定setTimeout()方法。

返回的ID值setTimeout()被用作參數clearTimeout()方法。

注:為了能夠使用clearTimeout()方法,你必須在創建超時方法時使用全局變量:

myVar = setTimeout(" 然後,如果該功能尚未執行,您將能夠可通過調用clearTimeout()方法停止執行。


瀏覽器支持

在表中的數字規定,完全支持方法的第一個瀏覽器版本。

Method
clearTimeout() 1.0 4.0 1.0 1.0 4.0

句法

clearTimeout( 參數值
參數 描述
id_of_settimeout 需要。 由返回計時器的ID值setTimeout()方法

技術細節

返回值: 無返回值

例子

更多示例

下面的例子有一個"Start count!" 按鈕啟動一個定時器,輸入字段,將永遠算,和"Stop count!" 按鈕,將停止計時器:

<button onclick="startCount()">Start count!</button>
<input type="text" id="txt">
<button onclick="stopCount()">Stop count!</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>
試一試»

相關頁面

窗口對象: href="met_win_settimeout.html"> setTimeout() Method

窗口對象: href="met_win_setinterval.html"> setInterval() Method

窗口對象: href="met_win_clearinterval.html"> clearInterval() Method


<窗口對象