setInterval定時器內的Javascript setInterval增加

Question

我有一個ajax請求，每5秒使用setInterval刷新頁面。

在那個ajax請求中，如果條件爲真，我有另一個setInterval函數每半秒閃爍一次。

會發生什麼似乎在初始ajax調用後正常工作。但是，每5秒刷新一次ajax刷新，我的閃爍功能定時器就會減半，從而使速度加倍。

任何幫助將不勝感激，謝謝！

下面是代碼：

$(document).ready(function() { 
    var refreshRate = 5000; 
    var autoRefresh = setInterval(
     function() // Call out to get the time 
     { 
      $.ajax({ 
      type: 'GET', 
      success: function(data){ 
       document.getElementById('data').innerHTML=data; 

       var blink = setInterval (function() { 
        var blink_cell = $("#blink_div").html(); 
        if (blink_cell > 0) { 
        $("#blink_div").toggleClass("blink"); 
        } else { 
        $("#blink_div").addClass("invisible"); 
        } 
       },500); 

      } // end success 
     }); // end ajax call 
    }, refreshRate);// end check 
    }); // end ready 

Answer 1

是關心你的變量的作用域和啓動一個新的前清除閃爍INTERVALL。

$(document).ready(function() { 
    var refreshRate = 5000; 
    var blink = -1; 
    var autoRefresh = setInterval(
     function() // Call out to get the time 
     { 
      $.ajax({ 
      type: 'GET', 
      success: function(data){ 
       document.getElementById('data').innerHTML=data; 
       if(blink>-1) clearInterval(blink); 
       blink = setInterval (function() { 
        var blink_cell = $("#blink_div").html(); 
        if (blink_cell > 0) { 
        $("#blink_div").toggleClass("blink"); 
        } else { 
        $("#blink_div").addClass("invisible"); 
        } 
       },500); 

      } // end success 
     }); // end ajax call 
    }, refreshRate);// end check 
    }); // end ready 

Answer 2

$(document).ready(function() { 

    var _url = ''; // Put your URL here. 
    var _checkServerTime = 5000; 
    var _blinkTime = 500; 

    function _blink() { 
    // Do something here. 
    var condition = true; // Put condition here. 
    if (condition) setTimeout(_blink, _blinkTime); 
    } 

    function _handleData(data) { 
    $('#data').html(data); 
    _blink(); 
    } 

    function _checkServer() { 
    $.get(_url, _handleData); 
    } 

    setInterval(_checkServer, _checkServerTime); 

});