js超時調(diào)用setTimeout和間歇調(diào)用setInterval實例分析
本文實例分析了js超時調(diào)用setTimeout和間歇調(diào)用setInterval的用法。分享給大家供大家參考。具體如下：
今天看了javascript高級程序設(shè)計（第三版）一書，發(fā)現(xiàn)說setTimeout比setInterval更好，覺得的確如此。平時都是用setInterval多點，現(xiàn)在還是轉(zhuǎn)一下思路了。又學習到了。分析如下：
setTimeout包含兩個參數(shù)，第一個參數(shù)是要執(zhí)行的代碼，第二個參數(shù)是時間。
第一個參數(shù)可以是字符串也可以是函數(shù)，但是推薦使用函數(shù)而不是字符串。
使用字符串相當于eval方法。導致性能損失。
clearTimeout()
超時調(diào)用的代碼都是在全局作用域中執(zhí)行的，因此函數(shù)中this的值在費嚴格模式下指向window對象，在嚴格模式下是undefined
var num = 0;
var max = 10;
var intervalId = null;
function incrementNumber(){
num++;
if(num == max){
clearInterval(innervalId);
alert('done');
}
}
intervalId = setInterval(incrementNumber(),500);
//setTimeout 實現(xiàn)相同功能
var num = 0;
var max = 10;
function incrementNumber2(){
num++;
if(num < max){
setTimeout(incrementNumber2,500);
}else{
alert('done');
}
}
setTimeout(incrementNumber2,500);
以上對比可以發(fā)現(xiàn)，使用超時調(diào)用時，沒有必要跟蹤超時調(diào)用id，因為每次執(zhí)行代碼之后，如果不再設(shè)置另一次超時調(diào)用，調(diào)用就會自行停止。
一般認為，如果超時調(diào)用用來模擬間歇調(diào)用的是一種最佳模式。
在開發(fā)環(huán)境下，很少真正的間歇調(diào)用，原因是后一個間歇調(diào)用可能會在前一個間隙調(diào)用結(jié)束之前啟動。
最好不要使用間歇調(diào)用。
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了JavaScript的內(nèi)存釋放問題詳解的相關(guān)資料,需要的朋友可以參考下2015-01-01
Bootstrap每天必學之標簽頁（Tab）插件，通過這個插件您可以把內(nèi)容放置在標簽頁或者是膠囊式標簽頁甚至是下拉菜單標簽頁中，感興趣的小伙伴們可以參考一下2016-04-04
使用Asp.net+Javascript控制的日期控件，需要的朋友可以參考下。2010-05-05
JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了Js類的構(gòu)建與繼承案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
layui實現(xiàn)數(shù)據(jù)分頁功能（ajax異步）
這篇文章主要為大家詳細介紹了layui實現(xiàn)數(shù)據(jù)分頁功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
JS控件bootstrap datepicker使用方法詳解
這篇文章主要介紹了js控件bootstrap datepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
這篇文章主要介紹了JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JavaScript實現(xiàn)單例模式實例以及代碼講解，有需要的讀者們跟著學習參考下吧。2017-12-12![[Bootstrap-插件使用]Jcrop+fileinput組合實現(xiàn)頭像上傳功能實例代碼](http://img.jbzj.com/images/xgimg/bcimg9.png)
[Bootstrap-插件使用]Jcrop+fileinput組合實現(xiàn)頭像上傳功能實例代碼
這篇文章主要介紹了[Bootstrap-插件使用]Jcrop+fileinput組合實現(xiàn)頭像上傳功能實例代碼,非常具有實用價值，需要的朋友可以參考下。2016-12-12