快捷導(dǎo)航

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

更新時(shí)間：2013年12月24日 15:59:39 作者：

計(jì)時(shí)器setTimeout()和setInterval()兩個(gè)都是js的計(jì)時(shí)功能的函數(shù)兩個(gè)有些區(qū)別，下面為大家簡單介紹下，希望對(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背景顏色）：

復(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().

您可能感興趣的文章:

相關(guān)文章

完美兼容各大瀏覽器獲取HTTP_REFERER方法總結(jié)
發(fā)現(xiàn)一個(gè)關(guān)于瀏覽器兼容的問題，當(dāng)用JS 執(zhí)行代碼 window.location.href=”http://m.fzitv.net” 來進(jìn)行跳轉(zhuǎn)的時(shí)候，F(xiàn)irefox 可以獲取到到HTTP_REFERER頁面，但是在IE中這一項(xiàng)為空
2014-06-06
Javascript 實(shí)現(xiàn)復(fù)制（Copy）動(dòng)作方法大全
現(xiàn)在瀏覽器種類也越來越多，諸如 IE、Firefox、Chrome、Safari等等，因此現(xiàn)在要實(shí)現(xiàn)一個(gè)js復(fù)制內(nèi)容到剪貼板的小功能就不是一件那么容易的事了。
2014-06-06
原生js實(shí)現(xiàn)碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)碰撞檢測(cè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實(shí)現(xiàn)方法
這篇文章主要介紹了JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下
2016-02-02
解決html按鈕切換綁定不同函數(shù)后點(diǎn)擊時(shí)執(zhí)行多次函數(shù)問題
這篇文章主要介紹了如何解決html按鈕切換綁定不同函數(shù)后點(diǎn)擊時(shí)執(zhí)行多次函數(shù)問題,需要的朋友可以參考下
2014-05-05
分享一個(gè)原生的JavaScript拖動(dòng)方法
本文給大家分享的是基于JavaScript的setCapture方法實(shí)現(xiàn)的拖動(dòng)效果，非常的簡單實(shí)用，有需要的小伙伴可以參考下
2016-09-09
js switch case default 的用法示例介紹
switch case default的用法應(yīng)該存在一部分人不會(huì)使用吧，其實(shí)很簡單就是每個(gè)case后，一定要加：break；default，就相當(dāng)于else，不會(huì)的朋友可以了解下
2013-10-10
淺談JavaScript中運(yùn)算符的優(yōu)先級(jí)
這篇文章主要給大家簡單介紹了JavaScript中運(yùn)算符的優(yōu)先級(jí)的相關(guān)問題，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能（圖）
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能,這個(gè)是針對(duì)IE瀏覽器，所以大家如果想用兼容性更好的代碼，可以查看腳本之家的相關(guān)文章。
2010-08-08
js實(shí)現(xiàn)上傳圖片及時(shí)預(yù)覽
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳圖片及時(shí)預(yù)覽的相關(guān)資料，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-05-05