如何停止运行此setTimeout函数？

Question

我使用下面的函数来检查JSON文件的状态。 它每8秒运行一次（使用setTimeout）来检查文件是否已更改。 一旦JSON的状态变为“成功”，我就不再想继续调用该函数了。 有人可以告诉我该怎么做吗？ 我怀疑它涉及使用clearTimeout，但我不确定如何实现它。

干杯!

  $(function() {
    var checkBookStatus = function() {
       var job_id = "#{@job.job_id}";
       var msg = $('.msg');
       var msgBuilding = $('#msg-building');
       var msgQueuing = $('#msg-in-queue');
       var msgSuccessful = $('#msg-successful-build');
       var msgError = $('#msg-error'); 
       $.ajax({ 
         url: '/jobs/'+job_id+'/status.json',

           datatype: 'JSON',
           success:function(data){
             if (data.status == "failure")  {
               msg.hide();          
               msgError.show();
             }
             else if (data.status == "#{Job.queue}")  {
            msg.hide();          
            msgQueuing.show();
         }
             else if (data.status == "#{Job.building}")  {
            msg.hide();          
            msgBuilding.show();
         }             
         else if (data.status == "#{Job.failure}")  {
             msg.hide();          
             msgError.show();
         }
         else if (data.status == "#{Job.success}")  {
             msg.hide();          
             msgSuccessful.show();

              }                    
           },       
       }).always(function () {
            setTimeout(checkBookStatus, 8000);
      });
    };    
   checkBookStatus();    
  });

Answer 1

t = setTimeout(checkBookStatus, 8000); 当你决定停止超时使用这个clearTimeout(t); 。

Answer 2

使用clearTimeout

例如你定义：

id = setTimeout(checkBookStatus, 8000);  

然后你可以通过以下方式删除此功能

clearTimeout(id)

Answer 3

使用setTimeout先前返回的值调用clearTimeout 。 这会给你一些类似的东西：

$(function() {
  var timeoutID;
  var checkBookStatus = function () {
      […]
      else if (data.status == "#{Job.success}")  {
          clearTimeout(timeoutID);
      […]
       }).always(function () {
        timeoutID = setTimeout(checkBookStatus, 8000);
      […]

Answer 4

使用setTimeout ，请使用如下：

var myTime = setTimeout(checkBookStatus, 8000);

清除它只是：

clearTimeout(myTime);

Answer 5

在最后调用checkBookStatus()之前，再调用一次： var interval = setInterval(checkBookStatus, 8000); 。 然后在成功时你可以clearInterval(interval) 。

不要使用setTimeout进行迭代。

很多答案建议只使用clearTimeout()但是，您在超时过期后检查状态，没有超时要清除。 您不需要在always()函数中调用setTimeout()而不是清除任何内容。 所以你可以重新检查我想的always()函数里面的状态，但你的data对象不在那里。 最好只在checkBookStatus()函数之外使用setInterval() 。

$(function() {
    var checkBookStatus = function() {
        var job_id = "#{@job.job_id}";
        var msg = $('.msg');
        var msgBuilding = $('#msg-building');
        var msgQueuing = $('#msg-in-queue');
        var msgSuccessful = $('#msg-successful-build');
        var msgError = $('#msg-error'); 
        $.ajax({ 
            url: '/jobs/'+job_id+'/status.json',
            datatype: 'JSON',
            success:function(data){
                if (data.status == "failure")  {
                    msg.hide();          
                    msgError.show();
                }
                else if (data.status == "#{Job.queue}")  {
                    msg.hide();          
                    msgQueuing.show();
                }
                else if (data.status == "#{Job.building}")  {
                    msg.hide();          
                    msgBuilding.show();
                }             
                else if (data.status == "#{Job.failure}")  {
                    msg.hide();          
                    msgError.show();
                }
                else if (data.status == "#{Job.success}")  {
                    msg.hide();          
                    msgSuccessful.show();
                    clearInterval(interval);
                }                    
            }       
        });
    };    
    var interval = setInterval(checkBookStatus, 8000);    
    checkBookStatus();
});

Answer 6

以下应该工作......

setTimeout函数返回setTimeout函数的一个实例。 将此值保存在变量中，并在希望防止事件再次触发时将其传递给函数clearTimeout。

即

    var t = setTimeout(1000, someFunction);
...

//after you no longer need the timeout to fire, call

clearTimeout(t);