← Style direction 属性 Input Range name 属性 →

Window clearTimeout() 方法

window.clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作

浏览器支持


支持	支持	支持	支持	支持

语法

clearTimeout(id_of_settimeout)

参数

参数	描述
id_of_setinterval	调用 setTimeout() 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setTimeout() 所设定的定时执行操作

说明

clearTimeout() 方法的参数必须是由 setTimeout() 返回的 ID 值

要使用 clearTimeout() 方法, 在创建执行定时操作时要使用全局变量

var t1 = setTimeout("javascript function", milliseconds);

如果方法还未被执行，我们可以使用 clearTimeout() 来阻止它

范例

阻止 setTimeout() 方法执行函数

var myVar;

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

function myStopFunction() {
    clearTimeout(myVar);
}

运行范例 »

范例

通过点击 "开始计数!" 按钮开始执行计数程序

点击 "停止计数!" 按钮停止后，可以再次点击点击 "开始计数!" 按钮会重新开始计数

<button onclick="startCount()">开始计数!</button>
<input type="text" id="txt">
<button onclick="stopCount()">停止计数!</button>
<script>
varc=0;
vart;
vartimer_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 clearTimeout() 方法

浏览器支持

语法

参数

说明

范例

范例

相关页面

JavaScript 参考手册