window方法:clearTimeout()

2018-08-06 10:34 更新

clearTimeout()方法

WindowOrWorkerGlobalScope mixin的clearTimeout()方法取消先前通過調(diào)用setTimeout()建立的超時。

clearTimeout()方法語法

scope .clearTimeout(timeoutID)

參數(shù)

timeoutID
要取消的超時標識符。此ID由相應(yīng)的setTimeout()調(diào)用返回。

需要注意的是,setTimeout()和setInterval()使用的ID池是共享的,這意味著你可以在技術(shù)上使用clearTimeout()和clearInterval()互換。但是,為清晰起見,您應(yīng)該避免這樣做。

clearTimeout()方法示例

在網(wǎng)頁上下文中運行下面的腳本,然后單擊該頁面一次。你會在一秒鐘內(nèi)看到一條消息。如果您在一秒鐘內(nèi)多次單擊該頁面,則警報僅出現(xiàn)一次。

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
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號