首頁(yè) 猿問(wèn) 在JavaScript中停止set...

在JavaScript中停止setInterval調(diào)用

JavaScript

一只萌萌小番薯 2019-06-03 13:27:28

在JavaScript中停止setInterval調(diào)用我在用setInterval(fname, 10000);在JavaScript中每10秒調(diào)用一個(gè)函數(shù)。有可能在某件事上停止打電話嗎？我希望用戶能夠停止數(shù)據(jù)的重復(fù)刷新。

查看完整描述

4 回答

慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊

setInterval()返回一個(gè)間隔ID，您可以將該ID傳遞給clearInterval():

var refreshIntervalId = setInterval(fname, 10000);/* later */clearInterval(refreshIntervalId);

請(qǐng)看文檔setInterval()和clearInterval().

反對(duì) 回復(fù) 2019-06-03

九州編程

TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超4個(gè)贊

如果您將返回值設(shè)置為setInterval對(duì)于變量，可以使用clearInterval來(lái)阻止它。

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

反對(duì) 回復(fù) 2019-06-03

寶慕林4294392

TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以設(shè)置一個(gè)新變量，并讓它在每次運(yùn)行時(shí)增加+(計(jì)數(shù)一個(gè))，然后使用一個(gè)條件語(yǔ)句結(jié)束它：

var intervalId = null;var varCounter = 0;var varName = function(){
     if(varCounter <= 10) {
          varCounter++;
          /* your code goes here */
     } else {
          clearInterval(intervalId);
     }};$(document).ready(function(){
     intervalId = setInterval(varName, 10000);});

我希望這會(huì)有所幫助，而且是正確的。

反對(duì) 回復(fù) 2019-06-03

www說(shuō)

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

上面的答案已經(jīng)解釋了setInterval如何返回句柄，以及如何使用這個(gè)句柄來(lái)取消間隔計(jì)時(shí)器。

一些建筑方面的考慮：

請(qǐng)不要使用“范圍-無(wú)”變量。最安全的方法是使用DOM對(duì)象的屬性。最簡(jiǎn)單的地方是“文件”。如果刷新器是由“開(kāi)始/停止”按鈕啟動(dòng)的，則可以使用該按鈕本身：

<a onclick="start(this);">Start</a><script>function start(d){
    if (d.interval){
        clearInterval(d.interval);
        d.innerHTML='Start';
    } else {
        d.interval=setInterval(function(){
          //refresh here
        },10000);
        d.innerHTML='Stop';
    }}</script>

因?yàn)楹瘮?shù)是在按鈕單擊處理程序中定義的，所以不必再次定義它。如果再次單擊按鈕，則可以恢復(fù)計(jì)時(shí)器。

反對(duì) 回復(fù) 2019-06-03