如何在JQuery中重复清除setInterval函数

Question

I am using the below code to call a function recursively based on the condition. But once the setInterval is set, It is not clear and again and again the setInterval is set. How to clear the repeatedly set setInterval function ?

function testFunction(ttlcount){

        jQuery.ajax({url:URL,
           type: "POST",
           data: { 'action_sub':'action'},
           success:function(res){

                            if(res < 0){ 
                                 if(interval != 'undefined'){
                                   clearInterval(setInterval); //clearinterval
                                 }
                                interval = setInterval(function(){testFunction(ttlcount)},1000); 

                              } else {
                                 clearInterval(interval);//clearinterval
                 //Do something ...   
                             }


        },error:function(e){

        }});
    }

Answer 1

Try

setTimeout(callback function, timeout)

This will only run once, and if you need to run this single timer, then call it again.

Answer 2

if(interval != 'undefined'){
  clearInterval(testFunction); //clearinterval
}

This should actually be:

if(interval !== undefined){
  clearInterval(interval); //clearinterval
}

When you call setInterval, you get a reference back to the actual set interval. That is the reference you need to pass to clearInterval to stop it, not the callback to be executed by setInterval.

Answer 3

在2019年，你可以使用我的jQuery / Zepto插件设置你想要的每个状态https://github.com/xpectmore/jQuery-Interval