簡單介紹
在JavaScript中定時器有兩個 setInterval() 與 setTimeout() 分別還有取消定時器的方法。
這都是window的對象，調(diào)用時可以省略window。這兩個方法并不在 JavaScript 的規(guī)范中。
定時器方法相關(guān)方法有四種。
| 方法 | 描述 |
|---|---|
| setInterval | 周期性地調(diào)用一個函數(shù)(function)或者執(zhí)行一段代碼。 |
| clearInterval | 取消掉用setInterval設(shè)置的重復(fù)執(zhí)行動作。 |
| setTimeout | 在指定的延遲時間之后調(diào)用一個函數(shù)或者執(zhí)行一個代碼片段。 |
| clearTimeout | 方法可取消由 setTimeout() 方法設(shè)置的 timeout。 |
setTimeout() 與setInterval()的區(qū)別是它們的執(zhí)行次數(shù)不同。
??setTimeout() 只執(zhí)行一次setInterval()是每間隔給定的時間周期性執(zhí)行。
setInterval
描述
setInterval() 方法可以按照制定的周期，來重復(fù)調(diào)用一個函數(shù)或執(zhí)行一個代碼段。周期單位為毫秒。setInterval() 方法如果沒有被 clearInterval() 方法關(guān)閉或頁面關(guān)閉，那么會一直調(diào)用下去。
setInterval的參數(shù)有多個。
第一種，如果第一個參數(shù)為代碼段，那么setInterval()方法可以選填。
第二種，如果第一個參數(shù)為函數(shù)，那么setInterval()方法可以有多個參數(shù)。
let timerId = setInterval(func|code, delay, arg1, arg2, ...)參數(shù)
| 參數(shù) | 必/選填 | 描述 |
|---|---|---|
| func | code | 必填 | 調(diào)用的函數(shù)后要執(zhí)行的函數(shù)或代碼字符串 |
| delay | 必填 | 執(zhí)行代碼前所需的時間，單位為毫秒，可以不填，默認(rèn)值是 0 |
| arg1，arg2… | 選填 | 要傳入被執(zhí)行函數(shù)（或代碼字符串）的參數(shù)列表（IE9 以下不支持） |
?? 參數(shù)func|code 一般傳入的都是函數(shù)。由于某些歷史原因，支持傳入代碼字符串，但是不建議這樣做。
返回值
返回值timeoutID是一個正整數(shù)，表示定時器的編號。這個值可以傳遞給clearTimeout()來取消該定時器。
用法
這是一個點擊按鈕，每隔一秒種，數(shù)字加一的示例；
setTimeout
描述
setTimeout()返回一個整數(shù)，表示定時器的編號，以后可以用來取消這個定時器。setTimeout()允許我們將函數(shù)推遲到一段時間間隔之后再執(zhí)行。
let timerId = setTimeout(func|code, delay, arg1, arg2, ...)參數(shù)
setTimeout()參數(shù)這里和setInterval()的參數(shù)是一樣的。
| 參數(shù) | 必/選填 | 描述 |
|---|---|---|
| func | code | 必填 | 調(diào)用的函數(shù)后要執(zhí)行的函數(shù)或代碼字符串 |
| delay | 必填 | 執(zhí)行代碼前所需的時間，單位為毫秒，可以不填，默認(rèn)值是 0 |
| arg1，arg2… | 選填 | 要傳入被執(zhí)行函數(shù)（或代碼字符串）的參數(shù)列表（IE9 以下不支持） |
??參數(shù)func|code 一般傳入的都是函數(shù)。由于某些歷史原因，支持傳入代碼字符串，但是不建議這樣做。
用法:
setTimeout()用法和 setInterval()是一樣的，
不過 setTimeout() 只執(zhí)行一次不同，setInterval() 是根據(jù)指定的時間周期性執(zhí)行。
取消timer
clearInterval() 方法可取消由 setInterval() 設(shè)置的 timer。
clearTimeout() 方法可取消由 setTimeout() 設(shè)置的 timer。
使用方法很簡單,只有一個參數(shù)，該參數(shù)timeoutID為您要取消定時器的標(biāo)識符。
該ID由相應(yīng)的setTimeout()或clearTimeout()調(diào)用返回.
clearInterval(intervalID);clearTimeout(timeoutID);?? 注意的是
setTimeout()和setInterval()共用一個編號池，技術(shù)上，clearTimeout()和 clearInterval() 可以互換。但是，為了避免混淆，不要混用取消定時函數(shù)。
用法很簡單
function timer() { timerId = setTimeout(addNum, 1000);}clearTimeout(timerId); // 當(dāng)代碼運行到這行的時候，會取消timer所設(shè)置的定時器。在控制臺使用定時器
在瀏覽器控制臺中也可以使用定時器
console.time(timerName)
創(chuàng)建一個名為name的計時器，并開始計時。
?? 每一個計時器必須擁有唯一的名字，頁面中最多能同時運行10,000個計時器。
console.timeEnd(timerName)
調(diào)用console.timeEnd(name)停止計時器并輸出所耗時間（毫秒）。
console.time(timerName);console.timeEnd(timerName);用法
for循環(huán)99999次要多少時間示例.
console.time(name);let num;for (let index = 0; index < 99999; index++) { num++;}console.timeEnd(name);
