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()并且不做任何事情;沒有異常被拋出。

規(guī)范

規(guī)范 狀態(tài) 評論
HTML Living Standard 
規(guī)范中“WindowOrWorkerGlobalScope.clearTimeout()”的定義
Living Standard
方法移動到最新規(guī)范中的WindowOrWorkerGlobalScopemixin
HTML Living Standard 
規(guī)范中'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

公眾號
微信公眾號

編程獅公眾號