間歇調(diào)用

在JavaScript中間歇調(diào)用很常見，setInterval，就是間隔一定的時間重復(fù)調(diào)用。

setInterval()方法接收兩個參數(shù)：第一個參數(shù)可以是字符串，也可以是函數(shù)，第二個參數(shù)是一個以毫秒為單位的數(shù)字，表示重復(fù)間隔的時長。

參數(shù)是字符串

當?shù)谝粋€傳遞參數(shù)是字符串時，如下：

setInterval("alert('this is a string.')",1000);

這里的字符串是一段JavaScript代碼，和傳入的eval()函數(shù)的參數(shù)一樣，如果是有內(nèi)外兩個引號的話，記得引號不要相同就行了。

setInterval()會返回一個數(shù)值型的ID，這個ID是計劃執(zhí)行代碼的唯一標識符，所以可以用它來取消重復(fù)操作。setInterval()對應(yīng)的一個取消該操作的方法：clearInterval()，當然要取消重復(fù)操作的話，clearInterval()必須放在還沒有執(zhí)行完畢的時候。

比如：

var intervalId=setInterval(...);
clearInterval(intervalId);

首先我們獲取ID，然后將ID傳入clearInterval()中即可，因為取消操作緊跟在setInterval()后面，所以可以立即取消，就和沒發(fā)生一樣。

參數(shù)是函數(shù)

因為當傳遞的參數(shù)是字符串的時候，可能會導致性能損失，所以一般情況下，用的最多的還是給它傳遞一個函數(shù)。

如下：

var num=0;
function increNum(){
 num++;
 if(num>=10){
  clearInterval(intervalId);
  alert('over');
 }
}
intervalId=setInterval(increNum,500);

該段程序設(shè)置了一個increNum函數(shù)，并作為參數(shù)傳遞給setInterval()，同時當重復(fù)運行到10次的時候，取消運行操作，彈出警告框。

超時調(diào)用

超時調(diào)用和間歇調(diào)用類似，setTimeout()，它也接收兩個參數(shù)，第一個可以是包含JavaScript代碼的字符串，也可是一個函數(shù)，第二個參數(shù)是延時時間和setInterval()方法的參數(shù)是一樣。

但是這里要說明一點：

延時時間并不是說經(jīng)過設(shè)定的延時后程序一定會執(zhí)行。

為什么呢？

因為JavaScript是單線程解釋器，所以在一定的時間內(nèi)只能執(zhí)行一段代碼，不能同時執(zhí)行多段代碼，所以在JavaScript中有一個任務(wù)隊列，將要執(zhí)行的任務(wù)按照先后順序排在隊列中，設(shè)定的延時時間是經(jīng)過這段時間將當前任務(wù)加入到任務(wù)隊列中。如果當前沒有任務(wù)執(zhí)行，那么加入到任務(wù)隊列中的代碼立刻執(zhí)行，如果當前還有正在執(zhí)行的代碼段，那么只有當該代碼段執(zhí)行完畢后再執(zhí)行新加入的任務(wù)。

同樣，setTimeout()也有一個返回ID，也可以通過這個數(shù)值ID來取消超時調(diào)用，對應(yīng)的取消方法是clearTimeout()。

在這里，我們用超時調(diào)用方法來把間歇調(diào)用中的那段重復(fù)執(zhí)行的代碼復(fù)寫一遍：

var num=0;
function increNum(){
 num++;
 if(num<=10){
  setTimeout(increNum,500);
 }else{
  alert('over');
 }
}
setTimeout(increNum,500);

這段程序也可以完成重復(fù)操作并在10次之后終止操作，和上述的setInterval()有區(qū)別的是它并沒有用返回的數(shù)值ID。

因為setInterval()是重復(fù)執(zhí)行，所以一直會有數(shù)值ID返回，所以必須得一直跟蹤這個數(shù)值ID，而setTimeout()執(zhí)行完畢后就不再執(zhí)行，所以我們不用跟蹤這個返回的數(shù)值ID，這就給我們帶來了一定的便利。

而且，后一個間歇調(diào)用可能會在前一個間歇調(diào)用還沒結(jié)束之前被調(diào)用，當函數(shù)的執(zhí)行時間比間歇調(diào)用的時間長的時候這種情況就會發(fā)生，所以綜上所述，用setTimeout()來模擬間歇調(diào)用是一種比較好的途徑。

當然，在比較簡單的程序中用setInterval()還是沒有很大問題的（突然想起了一句話，存在即是合理的~~~~）。

最新評論