JavaScript是單線程語言，但是它可以通過設(shè)置超時值和間歇時間值來指定代碼在特定的時刻執(zhí)行。超時值是指在指定時間之后執(zhí)行代碼，間歇時間值是指每隔指定的時間就執(zhí)行一次代碼。

　　超時調(diào)用

　　超時調(diào)用使用window對象的setTimeout()方法，它接受兩個參數(shù)：要執(zhí)行的代碼和以毫秒表示的時間（代碼執(zhí)行前的等待時間）。其中，第一個參數(shù)可以是一個字符串（和eval()中使用的字符串一樣），也可以是一個函數(shù)。

　　第二個參數(shù)是一個表示等待多長時間的毫秒數(shù)，但是在該時間過去后代碼并不一定執(zhí)行。JavaScript是一個單線程序的解釋器，因此一定時間內(nèi)只能執(zhí)行一段代碼。為了控制要執(zhí)行的代碼，就有一個JavaScript任務(wù)隊列。這些任務(wù)會按照將它們添加到任務(wù)隊列的順序執(zhí)行。setTimeout()的第二個參數(shù)告訴JavaScript再過多長時間把當前任務(wù)添加到隊列中。如果隊列是空的，那么添加的代碼則會立即執(zhí)行；如果隊列不是空的，那么添加的代碼會在前面的代碼執(zhí)行完畢后再執(zhí)行。

　　調(diào)用setTimeout()之后，該方法會返回一個數(shù)值ID，表示超時調(diào)用。這個超時調(diào)用ID是計劃執(zhí)行代碼的唯一標識符，可以通過它來取消超時調(diào)用。取消超時調(diào)用使用方法clearTimeout();　　

間歇調(diào)用

　　間歇調(diào)用與超時調(diào)用類似，只不過它會按照指定的時間間隔重復執(zhí)行代碼，直至間歇調(diào)用被取消或頁面被卸載。設(shè)置間歇調(diào)用的方法是setInterval()，它接收的參數(shù)與setTimeout()相同。取消間歇調(diào)用的重要性遠高于超時調(diào)用。

　　但是通常情況下，很少真正使用間歇調(diào)用，因為后一個間歇調(diào)用可能在前一個間歇調(diào)用結(jié)束之前調(diào)用。因此，我們通常會使用超時調(diào)用來模擬間歇調(diào)用

下面看兩個小demo：

　　1、獲得當前日期并讓它顯示在文本框內(nèi)，點擊“stop”按鈕后事件靜止。（間歇調(diào)用）　

　HTML代碼：

<input type="text" size="50" id="clock" />
<input type="button" value="Stop" id="btn" />

JavaScript代碼：

function clock(){
  var time = new Date();
  document.getElementById("clock").value = time;  
  var btn =document.getElementById("btn");
  btn.onclick = function(){
    clearInterval(t); 
  }
}
var t = setInterval(clock,1000);

　　2、使用setTimeou()實現(xiàn)計數(shù)統(tǒng)計效果，并在文本框中顯示數(shù)值。

　　HTML代碼：

<input type="text" id="count" />

　　JavaScript代碼：

var num = 0;
function startCount(){
  document.getElementById("count").value = num;
  num += 1;
  setTimeout(startCount,1000);  //setTimeout是超時調(diào)用，使用遞歸模擬間歇調(diào)用
}  
setTimeout(startCount,1000);  //1s后執(zhí)行

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

最新評論