javascript學習筆記(十五) js間歇呼叫與超時呼叫_基礎知識

1.超時呼叫setTimeout()
setTimeout() 方法接受兩個參數，第一個參數是函數，第二個參數是時間（單位微秒），回傳數值ID

複製程式碼 程式碼如下:

setTimeout( function () {
alert("你好!");
},1000);

調用前取消clearTimeout(),接受一個參數超時調用ID

複製代碼 程式碼如下:

var timeOutId = setTimeout( function () {
alert("你好!");
},1000);


clearTimeout(timeOutId);

2.間歇呼叫setInterval()
setInterval()方法接受兩個參數，第一個參數是函數，第二個參數是時間（單位微秒)，回傳數值ID

複製程式碼

程式碼如下:

setInterval( function () {
alert("你好!");
},1000);

取消呼叫clearInterval()，接受一個參數間歇呼叫ID

複製程式碼

程式碼如下:

var intervalId = null;
var span = document.createElement("span");建立span節點
span.Id="time"; //設定span的id
document.body.appendChild(span); //body內加span
function incrementNumber () {
var now = new Date();
var timeStr = now.toLocaleTimeString();
span.innerText =timeStr;
num ;
if (num == 10) {
clearInterval(interval ); //十秒後時間不變了
}
}
intervalId = setInterval(incrementNumber,1000);

3.盡量用超時呼叫替代間歇呼叫

複製程式碼

程式碼如下:

var num = 0;
var max = 10;
function incrementNumber() {
num ;
if (numsetTimeout(incrementNumber,1000);
} else {
alert(OK"); 🎜>}
}
setTimeout(incrementNumber,1000);