首頁  >  文章  >  web前端  >  setTimeout()與setInterval()方法區別介紹_javascript技巧

setTimeout()與setInterval()方法區別介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 17:07:241337瀏覽

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

setTimeout():

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

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

實驗代碼(改變body背景顏色):

複製代碼 代碼如下:

setTimeout(function(){
$("body").css("background","re​​d");
},5000);

setInterval() :

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

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

實驗碼(數秒實驗):
複製程式碼 程式碼如下:


程式碼如下:



程式碼如下:
>

<script> <br>var num = 0; <br>setInterval(function(){$(".clock").html(num )}, 1000); <br></script>
總結: setTimeout()方法是在等待指定時間後執行函數, 且只執行一次傳入的句柄函數. setInterval()方法是每指定間隔時間後執行一次傳入的句柄函數,循環執行直至關閉視窗或clearInterval().
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn