最新的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


<窗口对象