快捷導(dǎo)航

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á)式；

也就是說(shuō)在執(zhí)行完設(shè)定好的秒數(shù)后再執(zhí)行。

實(shí)驗(yàn)代碼（改變body背景顏色）：

復(fù)制代碼代碼如下:

 
setTimeout(function(){ 
$("body").css("background","red"); 
},5000); 

setInterval():

在js手冊(cè)中的解釋：按照指定的周期(以毫秒計(jì))來(lái)調(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().

您可能感興趣的文章:

相關(guān)文章

跨瀏覽器開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)（三）警惕“IE依賴綜合癥”
跨瀏覽器開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)（三）警惕“IE依賴綜合癥”
2010-05-05
javascript中正則表達(dá)式語(yǔ)法詳解
這篇文章主要介紹了javascript中正則表達(dá)式語(yǔ)法詳解，文章通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
mui框架移動(dòng)開(kāi)發(fā)初體驗(yàn)詳解
本篇文章主要介紹了mui框架移動(dòng)開(kāi)發(fā)初體驗(yàn)詳解小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
JavaScript Html實(shí)現(xiàn)移動(dòng)端紅包雨功能頁(yè)面
這篇文章主要為大家詳細(xì)介紹了JavaScript Html實(shí)現(xiàn)移動(dòng)端紅包雨功能頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
bootstrapValidator bootstrap-select驗(yàn)證不可用的解決辦法
這篇文章主要為大家詳細(xì)介紹了bootStrapValidator和bootStrap-select驗(yàn)證不可用的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
javascript定時(shí)變換圖片實(shí)例代碼
javascript定時(shí)變換圖片實(shí)例代碼，需要的朋友可以參考一下
2013-03-03
js實(shí)現(xiàn)輪播圖制作方法
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)輪播圖的制作方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
JavaScript中document.querySelector函數(shù)用法介紹
這篇文章主要給大家介紹了關(guān)于JavaScript中document.querySelector函數(shù)用法的相關(guān)資料,document.querySelector是JavaScript中的一個(gè)內(nèi)置方法,用于通過(guò)CSS選擇器選擇文檔中的第一個(gè)匹配元素,需要的朋友可以參考下
2023-08-08
Javascript 實(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, 登錄鎖），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-05-05