window方法:clearTimeout()

2018-08-06 10:34 更新

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
方法移动到最新规范中的WindowOrWorkerGlobalScopemixin
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
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号