JavaScript定時器類型總結

Posted on by

1.setInterval()

按照指定的周期（以毫秒計）來調用函數。

方法會不停地調用函數，直到調用clearInterval() 或窗口被關閉。

語法：

setInterval(code,millisec,[arg1, arg2, ...])
參數 描述
code 必需。要執行的代碼串。
millisec 必須。時間間隔，以毫秒計。
arg1, arg2, … 可選。當定時器過期的時候，將被傳遞給func指定函數的附加參數

2.setTimeout()

在指定的毫秒數後調用函數。

語法： 

setTimeout(code,millisec,[arg1, arg2, ...])；//參數作用同上

最後代碼演示：

//1.可以箭頭函數直接寫
setTimeout(()=>{
 this.isSkeleton=false;
  },2000)
 
//2.可以返回一個值然後調用clearTimeout()取消定時器；
let a = setTimeout(()=>{
  alert('彈出');
  },5000);
function b() {
  window.clearTimeout(a);   //5秒後出彈框，調用b函數可以直接取消彈出
}

返回值：

返回值intervalID是一個非零數值，用來標識通過setInterval()創建的計時器，這個值可以用來作為clearInterval()的參數來清除對應的計時器 。 註意的是，setInterval()和setTimeout()共享同一個ID池，所以避免混用；

最後科普下知識面：

JS 對象可以使用兩種方式獲得，一是開發人員自定義；二是由 ECMAScript 提供。由 ECMAScript 提供的對象稱為 JavaScript 內置對象。

定時器屬於window對象提供的，定時器前面也可以加window調用的

到此這篇關於JavaScript定時器類型總結的文章就介紹到這瞭,更多相關JavaScript定時器類型內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：