Window clearTimeout()
示例 1
如何阻止 myGreeting() 执行
const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
document.getElementById("demo").innerHTML = "祝您生日快乐！！"
}
function myStopFunction() {
clearTimeout(myTimeout);
}
自己动手试一试 »
更多示例见下文。
描述
clearTimeout() 方法清除使用 setTimeout() 方法设置的定时器。
注意
要清除超时，请使用 setTimeout() 返回的 id
myTimeout = setTimeout(函数, 毫秒);
然后可以通过调用 clearTimeout() 来停止执行
clearTimeout(myTimeout);
另请参阅
语法
clearTimeout(settimeout_的_id)
参数
| 参数 | 描述 |
| 超时 ID | 必需。 由 setTimeout() 方法返回的 ID。 |
返回值
| 无 |
更多示例
这个例子有一个“开始”按钮来启动一个定时器，一个用于计数器的输入字段，以及一个“停止”按钮来停止定时器
<button onclick="startCount()">开始计数！</button>
<input type="text" id="demo">
<button onclick="stopCount()">停止计数！</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
document.getElementById("demo").value = counter;
counter++;
timeout = setTimeout(timedCount, 1000);
}
function startCount() {
if (!timer_on) {
timer_on = 1;
timedCount();
}
}
function stopCount() {
clearTimeout(timeout);
timer_on = 0;
}
</script>
自己动手试一试 »
浏览器支持
clearTimeout() 在所有浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
