setTimeout()和setInterval()怎么在JavaScript中使用

本篇文章為大家展示了setTimeout()和setInterval()怎么在JavaScript中使用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

JavaScript的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.js技術進行服務器端編程。

1、 超時調用setTimeout()

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

setTimeout()他可以接收兩個參數：

1.要執行的代碼或函數

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

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

clearTimeout()

clearTimeout，表示清除定時器，可以用它取消未執行的調用

var timmer=function test(){
 alert("孫悟空");
}
setTimeout(test,2000);　//2s后彈出 “孫悟空”  
clearTimeout(timmer); //取消定時器，因為前者在兩秒后調用，調用之前已經取消相當于什么也沒發生

2、間歇調用setInterval()

間歇調用就是指定的時間內不斷地重復執行代碼，大白話就是“一會調用一次，一會調用一次”

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

1.要執行的代碼或函數

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

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遞增一次，當遞增到最大值時就會清除先前設置的定時器（間歇調用）。

這個模式也可以用超時調用來實現

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

上述內容就是setTimeout()和setInterval()怎么在JavaScript中使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。