JavaScript定時器setTimeout()和setInterval()詳解
本文實例為大家分享了JavaScript定時器的具體方法，供大家參考，具體內(nèi)容如下
1、 超時調(diào)用setTimeout()
顧名思義，超時調(diào)用的意思就是在一段實際之后調(diào)用（在執(zhí)行代碼之前要等待多少毫秒）
setTimeout()他可以接收兩個參數(shù)：
1.要執(zhí)行的代碼或函數(shù)
2.毫秒（在執(zhí)行代碼之前要等待多少毫秒）
function test(){
alert("孫悟空");
}
setTimeout(test,2000); //2s后彈出 “孫悟空”
clearTimeout()
clearTimeout，表示清除定時器，可以用它取消未執(zhí)行的調(diào)用
var timmer=function test(){
alert("孫悟空");
}
setTimeout(test,2000); //2s后彈出 “孫悟空”
clearTimeout(timmer); //取消定時器，因為前者在兩秒后調(diào)用，調(diào)用之前已經(jīng)取消相當(dāng)于什么也沒發(fā)生
2、間歇調(diào)用setInterval()
間歇調(diào)用就是指定的時間內(nèi)不斷地重復(fù)執(zhí)行代碼，大白話就是“一會調(diào)用一次，一會調(diào)用一次”
setInterval()它也接收兩個參數(shù)，與前者相同：
1.要執(zhí)行的代碼或函數(shù)
2.毫秒（在執(zhí)行代碼之前要等待多少毫秒）
function test(){
alert("孫悟空");
}
setInterval(test,2000); //每隔2s后彈出一次 “孫悟空”
clearInterval()
clearInterval()與clearTimeout()使用方法相同，也是清除定時器方法
var num=0;
var max=10;
function test(){
num++;
if (num==max){
clearInterval(timer); //累加到10時清除清定時器
alert("這里有"+num+"個孫悟空")； //這里有10個孫悟空
}
}
timer=setInterval(test,500);
在上面的例子中，變量num每隔0.5s遞增一次，當(dāng)遞增到最大值時就會清除先前設(shè)置的定時器（間歇調(diào)用）。
這個模式也可以用超時調(diào)用來實現(xiàn)
var num=0;
var max=10;
function test(){
num++;
if (num<max){
setTimeout(test,500);
}else{
alert("這里有"+num+"個孫悟空")
}
}
setTimeout(test,500);
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- 精解window.setTimeout()&window.setInterval()使用方式與參數(shù)傳遞問題！
- setInterval()和setTimeout()的用法和區(qū)別示例介紹
- setTimeout()與setInterval()方法區(qū)別介紹
- JavaScript setInterval()與setTimeout()計時器
- JavaScript中定時器setTimeout()和setInterval()的用法
- JavaScript中setInterval()和setTimeout()的用法及區(qū)別
相關(guān)文章
用JavaScript實現(xiàn)字符串切分功能...2007-01-01
JavaScript(js)設(shè)置默認(rèn)輸入焦點(focus)
常常會在回復(fù)和引用里使用此功能，即單擊回復(fù)或引用，如讓輸入焦點出現(xiàn)在留言輸入框中，如果使用錨來定位，輸入焦點就不能激活了,需要了解的朋友可以參考下2012-12-12
javascript用函數(shù)實現(xiàn)對象的方法
這篇文章主要介紹了javascript用函數(shù)實現(xiàn)對象的方法,涉及javascript函數(shù)使用技巧,需要的朋友可以參考下2015-05-05
基于javascript實現(xiàn)按圓形排列DIV元素(二)
本篇文章主要介紹基于javascript實現(xiàn)按圓形排列DIV元素的方法，此文著重于介紹怎樣實現(xiàn)的按圓形排列DIV元素的運動原理和實現(xiàn)效果代碼，需要的朋友來看下吧2016-12-12
懶加載是一種優(yōu)化技術(shù),它可以延遲加載某些資源,直到它們真正需要被使用的時候才進(jìn)行加載,實現(xiàn)懶加載的方法一般分為兩種：基于 Intersection Observer API 的懶加載和基于滾動事件的懶加載,本文給大家介紹JavaScript的懶加載處理方式,感興趣的朋友一起看看吧2023-10-10
Javascript(AJAX)解析XML的代碼(兼容FIREFOX/IE)
Javascript AJAX 解析XML的代碼(兼容FIREFOX/IE)2010-07-07
最近應(yīng)項目要求，需要對table中的數(shù)據(jù)進(jìn)行升序或降序排列，于是研究了一下js，希望對大家有幫助。2011-08-08
Javascript中Null和undefined的簡單理解
在JavaScript中存在這樣兩種原始類型:Null與Undefined,這兩種類型常常會使JavaScript的開發(fā)人員產(chǎn)生疑惑,在什么時候是Null,什么時候又是Undefined,下面這篇文章主要給大家介紹了關(guān)于Javascript中Null和undefined的相關(guān)資料,需要的朋友可以參考下2022-04-04
封裝好的省市地區(qū)聯(lián)動控件附下載...2007-08-08
一文詳解前端進(jìn)階之IntersectionObserver
這篇文章主要為大家介紹了前端進(jìn)階之IntersectionObserver示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04