setTimeout()與setInterval()方法區(qū)別介紹
更新時間：2013年12月24日 15:59:39 作者：
計時器setTimeout()和setInterval()兩個都是js的計時功能的函數(shù)兩個有些區(qū)別，下面為大家簡單介紹下，希望對大家有所幫助
計時器setTimeout()和setInterval()兩個都是js的計時功能的函數(shù)兩個有些區(qū)別。
setTimeout():
在js手冊中的解釋：用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式；
也就是說在執(zhí)行完設(shè)定好的秒數(shù)后再執(zhí)行。
實驗代碼（改變body背景顏色）：
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手冊中的解釋： 按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達式. 會不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉；
在你設(shè)定好的秒數(shù)里執(zhí)行你自己效果代碼或函數(shù)。
實驗代碼（數(shù)秒實驗）：
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
總結(jié)：
setTimeout()方法是在等待指定時間后執(zhí)行函數(shù), 且只執(zhí)行一次傳入的句柄函數(shù).
setInterval()方法是每指定間隔時間后執(zhí)行一次傳入的句柄函數(shù),循環(huán)執(zhí)行直至關(guān)閉窗口或clearInterval().
setTimeout():
在js手冊中的解釋：用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式；
也就是說在執(zhí)行完設(shè)定好的秒數(shù)后再執(zhí)行。
實驗代碼（改變body背景顏色）：
復(fù)制代碼 代碼如下:
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手冊中的解釋： 按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達式. 會不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉；
在你設(shè)定好的秒數(shù)里執(zhí)行你自己效果代碼或函數(shù)。
實驗代碼（數(shù)秒實驗）：
復(fù)制代碼 代碼如下:
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
總結(jié)：
setTimeout()方法是在等待指定時間后執(zhí)行函數(shù), 且只執(zhí)行一次傳入的句柄函數(shù).
setInterval()方法是每指定間隔時間后執(zhí)行一次傳入的句柄函數(shù),循環(huán)執(zhí)行直至關(guān)閉窗口或clearInterval().
您可能感興趣的文章:
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- JavaScript定時器setTimeout()和setInterval()詳解
- 精解window.setTimeout()&window.setInterval()使用方式與參數(shù)傳遞問題！
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- JavaScript setInterval()與setTimeout()計時器
- JavaScript中定時器setTimeout()和setInterval()的用法
- JavaScript中setInterval()和setTimeout()的用法及區(qū)別
相關(guān)文章
完美兼容各大瀏覽器獲取HTTP_REFERER方法總結(jié)
發(fā)現(xiàn)一個關(guān)于瀏覽器兼容的問題，當(dāng)用JS 執(zhí)行代碼 window.location.href=”http://www.fzitv.net” 來進行跳轉(zhuǎn)的時候，F(xiàn)irefox 可以獲取到到HTTP_REFERER頁面，但是在IE中這一項為空2014-06-06
Javascript 實現(xiàn)復(fù)制（Copy）動作方法大全
現(xiàn)在瀏覽器種類也越來越多，諸如 IE、Firefox、Chrome、Safari等等，因此現(xiàn)在要實現(xiàn)一個js復(fù)制內(nèi)容到剪貼板的小功能就不是一件那么容易的事了。2014-06-06
這篇文章主要為大家詳細介紹了原生js實現(xiàn)碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實現(xiàn)方法
這篇文章主要介紹了JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2016-02-02
解決html按鈕切換綁定不同函數(shù)后點擊時執(zhí)行多次函數(shù)問題
這篇文章主要介紹了如何解決html按鈕切換綁定不同函數(shù)后點擊時執(zhí)行多次函數(shù)問題,需要的朋友可以參考下2014-05-05
本文給大家分享的是基于JavaScript的setCapture方法實現(xiàn)的拖動效果，非常的簡單實用，有需要的小伙伴可以參考下2016-09-09
js switch case default 的用法示例介紹
switch case default的用法應(yīng)該存在一部分人不會使用吧，其實很簡單就是每個case后，一定要加：break；default，就相當(dāng)于else，不會的朋友可以了解下2013-10-10
這篇文章主要給大家簡單介紹了JavaScript中運算符的優(yōu)先級的相關(guān)問題，十分的實用，有需要的小伙伴可以參考下。2015-07-07
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能（圖）
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能,這個是針對IE瀏覽器，所以大家如果想用兼容性更好的代碼，可以查看腳本之家的相關(guān)文章。2010-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)上傳圖片及時預(yù)覽的相關(guān)資料，具有一定的參考價值，感興趣的朋友可以參考一下2016-05-05