JavaScript(JS)的Timer語法: setTimeout(), setInterval()

資料來源: https://www.fooish.com/javascript/timer.html

JavaScript 提供幾個方法讓你可以使用瀏覽器內建的計時器。

setTimeout()

setTimeout() 用來設定一段時間過後，自動執行某個函數 (callback)，這計時器只會執行一次就停止。

語法：

var timeoutID = setTimeout(func, delay[, param1, param2, ...]);
var timeoutID = setTimeout(func, delay);

參數 func 是時間到了的時候要自動執行的函數
參數 delay 表示要等候多久，單位是毫秒 (milliseconds)
參數 param1, …, paramN 用來指定要傳入 func 函數的參數
setTimeout() 執行後會返回一個數字，表示這個計時器的代號 id
用法：

var timeoutID = setTimeout(myAlert, 5000);

function myAlert() {
    alert('五秒鐘到了！');
}

clearTimeout()

如果你想要取消 setTimeout() 怎麼辦？就是用 clearTimeout()。

語法：

clearTimeout(timeoutID);
timeoutID 就是執行 setTimeout() 時的返回值。

———–

setInterval()

setInterval() 用來設定每過一段時間，就自動執行某個函數 (callback)，這計時器會永遠一直執行下去。

語法：

var intervalID = setInterval(func, delay[, param1, param2, ...]);
var intervalID = setInterval(func, delay);

參數 func 是時間到了的時候要自動執行的函數
參數 delay 表示要等候多久，單位是毫秒 (milliseconds)
參數 param1, …, paramN 用來指定要傳入 func 函數的參數
setInterval() 執行後會返回一個數字，表示這個計時器的代號 id
用法：

var intervalID = setInterval(function() {
    alert('十秒鐘又到了！');
}, 10000);

clearInterval()

如果你想要取消 setInterval() 怎麼辦？就是用 clearInterval()。

語法：

clearInterval(intervalID);
intervalID 就是執行 setInterval() 時的返回值。

PS.用 var 宣告 都匯市全域變數