window方法:clearTimeout()
clearTimeout()方法
WindowOrWorkerGlobalScope mixin的clearTimeout()方法取消先前通过调用setTimeout()建立的超时。
clearTimeout()方法语法
scope .clearTimeout(timeoutID)
参数
timeoutID
- 要取消的超时标识符。此ID由相应的
setTimeout()
调用返回。
需要注意的是,setTimeout()和setInterval()使用的ID池是共享的,这意味着你可以在技术上使用clearTimeout()和clearInterval()互换。但是,为清晰起见,您应该避免这样做。
clearTimeout()方法示例
在网页上下文中运行下面的脚本,然后单击该页面一次。你会在一秒钟内看到一条消息。如果您在一秒钟内多次单击该页面,则警报仅出现一次。
var alarm = {
remind: function(aMessage) {
alert(aMessage);
this.timeoutID = undefined;
},
setup: function() {
if (typeof this.timeoutID === 'number') {
this.cancel();
}
this.timeoutID = window.setTimeout(function(msg) {
this.remind(msg);
}.bind(this), 1000, 'Wake up!');
},
cancel: function() {
window.clearTimeout(this.timeoutID);
this.timeoutID = undefined;
}
};
window.onclick = function() { alarm.setup(); };
笔记
将无效ID传递给clearTimeout()并且不做任何事情;没有异常被抛出。
规范
规范 | 状态 | 评论 |
---|---|---|
HTML Living Standard
该规范中“WindowOrWorkerGlobalScope.clearTimeout()”的定义
|
Living Standard
|
方法移动到最新规范中的WindowOrWorkerGlobalScope mixin
|
HTML Living Standard
该规范中'clearTimeout()'的定义
|
Living Standard
|
浏览器兼容性
新的兼容性表格处于测试阶段
电脑端 | 移动端 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome
|
Edge
|
火狐 | Internet Explorer
|
Opera
|
Safari
|
Android webview | Chrome for Android
|
Edge Mobile | Firefox for Android
|
Opera for Android
|
iOS Safari | |
基本支持 | 支持:1 | 支持 | 支持:1 | 支持:4 | 支持:4 | 支持:4 | 支持:1 | 支持:1 | 支持 | 支持:4 | 支持:6 | 支持:1 |