1 超時調用setTimeout() 顧名思義,超時調用的意思就是在一段實際之後調用(在執行代碼之前要等待多少毫秒) setTimeout()他可以接收兩個參數: 1 要執行的代碼或函數 2 毫秒(在執行代碼之前要等待多少毫秒) clearTimeout() clearTimeout,表示清除定時器 ...
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);