成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

setTimeout和setInterval的使用

noONE / 2670人閱讀

摘要：不過(guò)兩者各有各的應(yīng)用場(chǎng)景。方法實(shí)際上，和的語(yǔ)法相同。這意味著如果函數(shù)的主體部分需要秒鐘執(zhí)行完，那么整個(gè)函數(shù)則要每秒鐘才執(zhí)行一次。不過(guò)還是有辦法可以終止和函數(shù)的執(zhí)行。

var intervalProcess = setInterval("alert("GOAL!")", 3000);

這個(gè)變量命名可以在實(shí)際代碼中采用

這兩個(gè)方法都可以用來(lái)實(shí)現(xiàn)在一個(gè)固定時(shí)間段之后去執(zhí)行JavaScript。不過(guò)兩者各有各的應(yīng)用場(chǎng)景。

方 法
實(shí)際上，setTimeout和setInterval的語(yǔ)法相同。它們都有兩個(gè)參數(shù)，一個(gè)是將要執(zhí)行的代碼字符串，還有一個(gè)是以毫秒為單位的時(shí)間間隔，當(dāng)過(guò)了那個(gè)時(shí)間段之后就將執(zhí)行那段代碼。

不過(guò)這兩個(gè)函數(shù)還是有區(qū)別的，setInterval在執(zhí)行完一次代碼之后，經(jīng)過(guò)了那個(gè)固定的時(shí)間間隔，它還會(huì)自動(dòng)重復(fù)執(zhí)行代碼，而setTimeout只執(zhí)行一次那段代碼。

雖然表面上看來(lái)setTimeout只能應(yīng)用在on-off方式的動(dòng)作上，不過(guò)可以通過(guò)創(chuàng)建一個(gè)函數(shù)循環(huán)重復(fù)調(diào)用setTimeout，以實(shí)現(xiàn)重復(fù)的操作：

File: settimeout_setinterval.js

復(fù)制代碼

showTime();

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

    setTimeout("showTime()", 5000);

}

復(fù)制代碼
一旦調(diào)用了這個(gè)函數(shù)，那么就會(huì)每隔5秒鐘就顯示一次時(shí)間。如果使用setInterval，則相應(yīng)的代碼如下所示：

File: settimeout_setinterval2.js

復(fù)制代碼

setInterval("showTime()", 5000);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

}

復(fù)制代碼

這兩種方法可能看起來(lái)非常像，而且顯示的結(jié)果也會(huì)很相似，不過(guò)兩者的最大區(qū)別就是，setTimeout方法不會(huì)每隔5秒鐘就執(zhí)行一次showTime函數(shù)，它是在每次調(diào)用setTimeout后過(guò)5秒鐘再去執(zhí)行showTime函數(shù)。這意味著如果showTime函數(shù)的主體部分需要2秒鐘執(zhí)行完，那么整個(gè)函數(shù)則要每7秒鐘才執(zhí)行一次。而setInterval卻沒有被自己所調(diào)用的函數(shù)所束縛，它只是簡(jiǎn)單地每隔一定時(shí)間就重復(fù)執(zhí)行一次那個(gè)函數(shù)。

如果要求在每隔一個(gè)固定的時(shí)間間隔后就精確地執(zhí)行某動(dòng)作，那么最好使用setInterval，而如果不想由于連續(xù)調(diào)用產(chǎn)生互相干擾的問(wèn)題，尤其是每次函數(shù)的調(diào)用需要繁重的計(jì)算以及很長(zhǎng)的處理時(shí)間，那么最好使用setTimeout。

函數(shù)指針的使用
兩個(gè)計(jì)時(shí)函數(shù)中的第一個(gè)參數(shù)是一段代碼的字符串，其實(shí)該參數(shù)也可以是一個(gè)函數(shù)指針，不過(guò)Mac下的IE 5對(duì)此不支持。

如果用函數(shù)指針作為setTimeout和setInterval函數(shù)的第二個(gè)參數(shù)，那么它們就可以去執(zhí)行一個(gè)在別處定義的函數(shù)了：

setTimeout(showTime, 500);

function showTime()

{

    var today = new Date();

    alert("The time is: " + today.toString());

}

另外，匿名函數(shù)還可以聲明為內(nèi)聯(lián)函數(shù)：

setTimeout(function(){
    var today = new Date();
    alert("The time is: " + today.toString());
}, 500);

討 論
如果對(duì)計(jì)時(shí)函數(shù)不加以處理，那么setInterval將會(huì)持續(xù)執(zhí)行相同的代碼，一直到瀏覽器窗口關(guān)閉，或者用戶轉(zhuǎn)到了另外一個(gè)頁(yè)面為止。不過(guò)還是有辦法可以終止setTimeout和setInterval函數(shù)的執(zhí)行。

當(dāng)setInterval調(diào)用執(zhí)行完畢時(shí)，它將返回一個(gè)timer ID，將來(lái)便可以利用該值對(duì)計(jì)時(shí)器進(jìn)行訪問(wèn)，如果將該ID傳遞給clearInterval，便可以終止那段被調(diào)用的過(guò)程代碼的執(zhí)行了，具體實(shí)現(xiàn)如下：

File: settimeout_setinterval3.js (excerpt)

復(fù)制代碼

var intervalProcess = setInterval("alert("GOAL!")", 3000);

var stopGoalLink = document.getElementById("stopGoalLink");

attachEventListener(stopGoalLink, "click", stopGoal, false);

function stopGoal()

{

    clearInterval(intervalProcess);

}

復(fù)制代碼
只要點(diǎn)擊了stopGoalLink，不管是什么時(shí)候點(diǎn)擊，intervalProcess都會(huì)被取消掉，以后都不會(huì)再繼續(xù)反復(fù)執(zhí)行intervalProcess。如果在超時(shí)時(shí)間段內(nèi)就取消setTimeout，那么這種終止效果也可以在setTimeout身上實(shí)現(xiàn)，具體實(shí)現(xiàn)如下：

File: settimeout_setinterval4.js (excerpt)

復(fù)制代碼

var timeoutProcess = setTimeout("alert("GOAL!")", 3000);

var stopGoalLink = document.getElementById("stopGoalLink");

attachEventListener(stopGoalLink, "click", stopGoal, false);

function stopGoal()
{
   clearTimeout(timeoutProcess);
}

復(fù)制代碼

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106438.html

相關(guān)文章

  • JS忍者秘籍中的定時(shí)器機(jī)制詳解

    摘要：設(shè)置和清除定時(shí)器直接引用忍者秘籍中的圖片注意定時(shí)器的時(shí)間間隔設(shè)為，也會(huì)有幾毫秒的延遲。以上參考資料忍者秘籍第章馴服線程和定時(shí)器 showImg(https://segmentfault.com/img/remote/1460000015353524?w=1024&h=681); 前言 前段時(shí)間剛看完《JS忍者秘籍》，雖說(shuō)是15年出版的，有些東西是過(guò)時(shí)了，但像對(duì)原型鏈、閉包、正則、定時(shí)器...

    keelii 評(píng)論0 收藏0

  • 定時(shí)器

    摘要：提供定時(shí)執(zhí)行代碼的功能，叫做定時(shí)器，主要由和這兩個(gè)函數(shù)來(lái)完成。它返回一個(gè)整數(shù)，表示定時(shí)器的編號(hào)，以后可以用來(lái)取消這個(gè)定時(shí)器。上面代碼中，回調(diào)函數(shù)不會(huì)再執(zhí)行了，因?yàn)閮蓚€(gè)定時(shí)器都被取消了。 JavaScript 提供定時(shí)執(zhí)行代碼的功能，叫做定時(shí)器（timer），主要由setTimeout()和setInterval()這兩個(gè)函數(shù)來(lái)完成。它們向任務(wù)隊(duì)列添加定時(shí)任務(wù)。 setTimeout()...

    Nino 評(píng)論0 收藏0

  • js計(jì)數(shù)器方法setInterval()、clearInterval()、setTimeout()和

    摘要：方法描述周期性地調(diào)用一個(gè)函數(shù)或者執(zhí)行一段代碼。方法可取消由方法設(shè)置的。語(yǔ)法詳解是該延時(shí)操作的數(shù)字此隨后可以用來(lái)作為方法的參數(shù)。需要注意的是，不支持第一種語(yǔ)法中向延遲函數(shù)傳遞額外參數(shù)的功能。該值標(biāo)識(shí)要取消的延遲執(zhí)行代碼塊。 方法 描述 setInterval 周期性地調(diào)用一個(gè)函數(shù)(function)或者執(zhí)行一段代碼。 clearInterval 取消掉用setI...

    keithxiaoy 評(píng)論0 收藏0

  • JavaScript 定時(shí)器

    摘要：定時(shí)器方法相關(guān)方法有四種。返回值返回值是一個(gè)正整數(shù)，表示定時(shí)器的編號(hào)。這個(gè)值可以傳遞給來(lái)取消該定時(shí)器。使用方法很簡(jiǎn)單只有一個(gè)參數(shù)，該參數(shù)為您要取消定時(shí)器的標(biāo)識(shí)符。用法很簡(jiǎn)單當(dāng)代碼運(yùn)行到這行的時(shí)候，會(huì)取消所設(shè)置的定時(shí)器。 簡(jiǎn)單介紹在JavaScript中定時(shí)器有兩個(gè) setInterval() 與 setTime...

    王偉廷 評(píng)論0 收藏0

  • process.nextTick() 、setTimeout()、setInterval() 運(yùn)行機(jī)

    摘要：注意如果主邏輯的代碼執(zhí)行時(shí)間已經(jīng)超過(guò)了第二個(gè)參數(shù)設(shè)置的時(shí)間，那么等運(yùn)行到該回調(diào)函數(shù)時(shí)，它會(huì)忽略掉這個(gè)時(shí)間，并立即執(zhí)行。如果某一個(gè)進(jìn)行大量的計(jì)算，那么它就會(huì)阻塞在當(dāng)前的回調(diào)函數(shù)中，等待該計(jì)算完成后，再執(zhí)行下一個(gè)的回調(diào)函數(shù)。 setTimeout() ? JavaScript是一個(gè)單線程的語(yǔ)言，也就是說(shuō)它同一時(shí)間只能執(zhí)行一段代碼，接下來(lái)我們通過(guò)兩個(gè)例子說(shuō)明一下單線程語(yǔ)言和多線程語(yǔ)言的...

    lscho 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<