setTimeout()與setInterval()方法區(qū)別介紹
更新時(shí)間:2013年12月24日 15:59:39 作者:
計(jì)時(shí)器setTimeout()和setInterval()兩個(gè)都是js的計(jì)時(shí)功能的函數(shù)兩個(gè)有些區(qū)別,下面為大家簡(jiǎn)單介紹下,希望對(duì)大家有所幫助
計(jì)時(shí)器setTimeout()和setInterval()兩個(gè)都是js的計(jì)時(shí)功能的函數(shù)兩個(gè)有些區(qū)別。
setTimeout():
在js手冊(cè)中的解釋:用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式;
也就是說在執(zhí)行完設(shè)定好的秒數(shù)后再執(zhí)行。
實(shí)驗(yàn)代碼(改變body背景顏色):
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手冊(cè)中的解釋: 按照指定的周期(以毫秒計(jì))來調(diào)用函數(shù)或計(jì)算表達(dá)式. 會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉;
在你設(shè)定好的秒數(shù)里執(zhí)行你自己效果代碼或函數(shù)。
實(shí)驗(yàn)代碼(數(shù)秒實(shí)驗(yàn)):
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
總結(jié):
setTimeout()方法是在等待指定時(shí)間后執(zhí)行函數(shù), 且只執(zhí)行一次傳入的句柄函數(shù).
setInterval()方法是每指定間隔時(shí)間后執(zhí)行一次傳入的句柄函數(shù),循環(huán)執(zhí)行直至關(guān)閉窗口或clearInterval().
setTimeout():
在js手冊(cè)中的解釋:用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式;
也就是說在執(zhí)行完設(shè)定好的秒數(shù)后再執(zhí)行。
實(shí)驗(yàn)代碼(改變body背景顏色):
復(fù)制代碼 代碼如下:
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手冊(cè)中的解釋: 按照指定的周期(以毫秒計(jì))來調(diào)用函數(shù)或計(jì)算表達(dá)式. 會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉;
在你設(shè)定好的秒數(shù)里執(zhí)行你自己效果代碼或函數(shù)。
實(shí)驗(yàn)代碼(數(shù)秒實(shí)驗(yàn)):
復(fù)制代碼 代碼如下:
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
總結(jié):
setTimeout()方法是在等待指定時(shí)間后執(zhí)行函數(shù), 且只執(zhí)行一次傳入的句柄函數(shù).
setInterval()方法是每指定間隔時(shí)間后執(zhí)行一次傳入的句柄函數(shù),循環(huán)執(zhí)行直至關(guān)閉窗口或clearInterval().
您可能感興趣的文章:
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- 精解window.setTimeout()&window.setInterval()使用方式與參數(shù)傳遞問題!
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- JavaScript setInterval()與setTimeout()計(jì)時(shí)器
- JavaScript中定時(shí)器setTimeout()和setInterval()的用法
- JavaScript中setInterval()和setTimeout()的用法及區(qū)別
相關(guān)文章
跨瀏覽器開發(fā)經(jīng)驗(yàn)總結(jié)(三) 警惕“IE依賴綜合癥”
跨瀏覽器開發(fā)經(jīng)驗(yàn)總結(jié)(三) 警惕“IE依賴綜合癥”2010-05-05JavaScript Html實(shí)現(xiàn)移動(dòng)端紅包雨功能頁面
這篇文章主要為大家詳細(xì)介紹了JavaScript Html實(shí)現(xiàn)移動(dòng)端紅包雨功能頁面,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01bootstrapValidator bootstrap-select驗(yàn)證不可用的解決辦法
這篇文章主要為大家詳細(xì)介紹了bootStrapValidator和bootStrap-select驗(yàn)證不可用的解決辦法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01javascript定時(shí)變換圖片實(shí)例代碼
javascript定時(shí)變換圖片實(shí)例代碼,需要的朋友可以參考一下2013-03-03JavaScript中document.querySelector函數(shù)用法介紹
這篇文章主要給大家介紹了關(guān)于JavaScript中document.querySelector函數(shù)用法的相關(guān)資料,document.querySelector是JavaScript中的一個(gè)內(nèi)置方法,用于通過CSS選擇器選擇文檔中的第一個(gè)匹配元素,需要的朋友可以參考下2023-08-08Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時(shí)所有子節(jié)點(diǎn)全選,取消時(shí)全部取消2010-01-01微信小程序網(wǎng)絡(luò)層封裝的實(shí)現(xiàn)(promise, 登錄鎖)
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)層封裝(promise, 登錄鎖),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05