JavaScript window clearTimeout() 方法：取消由 setTimeout() 设置的 timeout_JavaScript基础教程

window clearTimeout() 方法定义

clearInterval() 方法可取消由 setTimeout() 方法设置的 timeout（及其带来的行为），参数必须是由 setTimeout() 返回的 ID 值。语法如下：

window.clearTimeout(id)

clearTimeout() 方法实例

在下面的例子中，当点击计时开始按钮时，会开始计时（1/10秒）；当点击计时结束时，会停止计时：

<html>
<head>
<script type="text/javascript">
var s = 0;
var n = 0;
var t;
function timeCount()
{
    document.getElementById('second_show').value = s;
    n = n+1;
    s = n/10;
    t = setTimeout("timeCount()",100);
}
</script>
</head>
<body>

<form>
<input type="button" value="开始计时" onClick="timeCount()">
<input type="text" id="second_show">
<input type="button" value="结束计时" onClick="clearTimeout(t)">
</form>

</body>
</html>

说明：在上面例子的计时功能中，最合适的是使用 setInterval() 方法来按照一定周期调用计时函数。在这个地方使用 setTimeout() 方法只是为了演示 clearTimeout() 方法的使用方法而已。

参考阅读

JavaScript window setTimeout() 方法：在指定的毫秒数后调用函数或计算表达式
JavaScript window clearInterval() 方法：取消由 setInterval() 设置的 timeout