清除一个超时，开始另一个超时

Question

我使用 ajax/json 自动刷新网站上的内容。使用 jkey，我触发了对文档的一些发布，在此操作期间，我想取消正在运行的原始 setTimeout（在 2 分钟时“重新加载”），然后再次触发整个函数“内容”以在 5 秒后重新开始。但是，我似乎无法正确停止“重新加载”，也无法在给定的秒数后调用“内容”。有人能发现错误吗？

 <script>
$(function content(){
  function reloading(){
      $.ajax({                                      
      url: 'api.php',                          
      data: "",                      
      dataType: 'json',                    
      success: function(data)          
      {
        var id = data[0];              
          _id = id;
        var vname = data[1];           
        var message = data[2]; 
        var timestamp = data[3]; 
        var field1 = data[4]; 
        _field1 = field1;
        var val2 = parseInt(field1, 10) ;
        _val2 = val2;
        $('#output').hide().html( message ).fadeIn("slow");   
         $('#username').hide().html( vname +":" ).fadeIn("slow");
      setTimeout(reloading,120000);
 }
      });
  }
  reloading();
}); 

  $(document).jkey('a',function() {
     $.post("update.php", { "id": _id} )
      $('#output').hide().html( "<i>thx" ).fadeIn("slow");
      $('#username').fadeOut("fast");
      $('#valg1').fadeOut("fast");
      $('#valg2').fadeOut("fast");
        clearTimeout(reloading);
       setTimeout(content,5000);
      });
</script>

Answer 1

clearTimeout 应该获取由 setTimeout 返回的唯一“key”。所以在设置时，将返回值赋给全局变量：

window["reload_timer"] = setTimeout(reloading,120000);

然后有这样的：

clearTimeout(window["reload_timer"]);

Answer 2

您必须保存 setTimeout() ID，以便稍后使用 clearTimeout() 清除它。像这样：

var timeoutID = setTimeout(function(){someFunction()}, 5000);//this will set time out
//do stuff here ...
clearTimeout(timeoutID);//this will clear the timeout - you must pass the timeoutID

Answer 3

除了保存其他帖子中提到的超时 ID 之外，您的函数重新加载是在函数内容内创建的，并且由于您没有创建它的闭包，因此程序的其余部分无法访问它。

$(function content(){
    function reloading(){
        console.log('RELOADING');
    }
    reloading();
}); 

// Can't reach `content` or `reloading` from here

你必须做这样的事情：

var reloading, content, reloadingTimeoutId, contentTimeoutId;


reloading = function () {
    console.log('RELOADING');
    $.ajax(
       // CODE
       success : function (data) {
           // CODE
           reloadingTimeoutId = setTimeout(reloading, 120000);
       }
    )
};


content = function () {
    reloading();
};


$(document).jkey('a',function() {
    // CODE
    clearTimeout(contentTimeoutId);
    contentTimeoutId = setTimeout(content,5000);
});

如果不了解大局，要写得更好有点困难。这样，content 将在 5 秒后被调用，只要 reloading 成功，它就会每 120 秒回调一次。请注意，重新加载永远不会以这种方式清除。