計時器setTimeout()和setInterval()兩個都是js的計時功能的函數(shù)兩個有些區(qū)別。

setTimeout():

在js手冊中的解釋：用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式；

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

實驗代碼（改變body背景顏色）：

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

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

setInterval():

在js手冊中的解釋：按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式. 會不停地調(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().

您可能感興趣的文章:

相關(guān)文章

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