setTimeout()與setInterval()方法區別介紹

計時器setTimeout()和setInterval()兩個都是js的計時功能的函數兩個有些差別。

setTimeout():

在js手冊中的解釋：用於在指定的毫秒數後調用函數或計算表達式；

也就是說在執行完設定好的秒數後再執行。

實驗程式碼（改變body背景顏色）：

複製代碼代碼如下:

setTimeout(function(){

$("body").css("background","re​​d");

},5000);

setInterval():

在js手冊中的解釋： 依照指定的周期(以毫秒計)來呼叫函數或計算表達式. 會不停地呼叫函數,直到clearInterval() 被呼叫或視窗被關閉；

在你設定好的秒數裡執行你自己效果程式碼或函數。

實驗代碼（數秒實驗）：

複製代碼代碼如下:

<div></div>

<script>

var num = 0;

setInterval(function(){$(".clock").html(num++)},1000);

</script>

總結：

setTimeout()方法是在等待指定時間後執行函數, 且只執行一次傳入的句柄函數.

setInterval()方法是每指定間隔時間後執行一次傳入的句柄函數,循環執行直至關閉視窗或clearInterval().