JavaScript定時(shí)器setTimeout()和setInterval()詳解

更新時(shí)間：2017年08月18日 09:11:54 作者：七尚

這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器setTimeout()和setInterval()的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript定時(shí)器的具體方法，供大家參考，具體內(nèi)容如下

1、超時(shí)調(diào)用setTimeout()

顧名思義，超時(shí)調(diào)用的意思就是在一段實(shí)際之后調(diào)用（在執(zhí)行代碼之前要等待多少毫秒）

setTimeout()他可以接收兩個(gè)參數(shù)：

1.要執(zhí)行的代碼或函數(shù)

2.毫秒（在執(zhí)行代碼之前要等待多少毫秒）

function test(){
 alert("孫悟空");
}
setTimeout(test,2000);　　//2s后彈出 “孫悟空”

clearTimeout()

clearTimeout，表示清除定時(shí)器，可以用它取消未執(zhí)行的調(diào)用

var timmer=function test(){
 alert("孫悟空");
}
setTimeout(test,2000);　//2s后彈出 “孫悟空”  
clearTimeout(timmer); //取消定時(shí)器，因?yàn)榍罢咴趦擅牒笳{(diào)用，調(diào)用之前已經(jīng)取消相當(dāng)于什么也沒發(fā)生

2、間歇調(diào)用setInterval()

間歇調(diào)用就是指定的時(shí)間內(nèi)不斷地重復(fù)執(zhí)行代碼，大白話就是“一會(huì)調(diào)用一次，一會(huì)調(diào)用一次”

setInterval()它也接收兩個(gè)參數(shù)，與前者相同：

1.要執(zhí)行的代碼或函數(shù)

2.毫秒（在執(zhí)行代碼之前要等待多少毫秒）

function test(){
 alert("孫悟空");
}
setInterval(test,2000);　　//每隔2s后彈出一次 “孫悟空”

clearInterval()

clearInterval()與clearTimeout()使用方法相同，也是清除定時(shí)器方法

var num=0;
var max=10;
function test(){
 num++;
 if (num==max){
  clearInterval(timer); //累加到10時(shí)清除清定時(shí)器
  alert("這里有"+num+"個(gè)孫悟空")； //這里有10個(gè)孫悟空
 }
}
timer=setInterval(test,500);

在上面的例子中，變量num每隔0.5s遞增一次，當(dāng)遞增到最大值時(shí)就會(huì)清除先前設(shè)置的定時(shí)器（間歇調(diào)用）。

這個(gè)模式也可以用超時(shí)調(diào)用來(lái)實(shí)現(xiàn)

var num=0;
var max=10;
function test(){
 num++;
 if (num<max){
  setTimeout(test,500);
 }else{
  alert("這里有"+num+"個(gè)孫悟空")
 }
}
setTimeout(test,500);

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: