kill JavaScript recursive function

Question

I am having recursive function. it make calls every second. I want to kill that function in certain state.

function foo(){
      // ajax call
      //in ajax success
  success: function(response){
  setTimeout(function(){    
      foo();
   },1000);

   }  
}

This code makes recursive call

if(user == "idile"){
//here i want to kill that foo() function
}

how can i do this ? Thanks in advance

Did you try to put that condition into the *success* callback function? — Gumbo, Jun 03 '11 at 08:37

score 6 · Accepted Answer · answered Jun 03 '11 at 08:38

Assign the timeout to a variable like this:

var timer;
    function foo(){
          // ajax call
          //in ajax success
      success: function(response){
      timer = setTimeout(function(){    
          foo();
       },1000);

       }  
    }

and then to kill the timer:

if(user == "idile"){
clearTimeout(timer);
}

score 3 · Answer 2 · answered Jun 03 '11 at 08:40

the way you do is using global variable,

var isFinish= false;

function foo(){
      // ajax call
      //in ajax success
  success: function(response){
  setTimeout(function(){   
      if (!isFinish)
      { 
          foo();
      }
   },1000);
   }  
}

and then just change the isFinish to true

if(user == "idile"){
//here i want to kill that foo() function
isFinish = true;
}

score 0 · Answer 3 · answered Jun 03 '11 at 08:41

When you spawn your function into a different thread, do this:

var t;

function foo()
{
    // ajax call
    //in ajax success
    success: function(response)
    {
        t = setTimeout
        (
            function(){foo();}
            ,1000
        );
    }  
}

When you want to stop it, do this:

if(user == "idile")
{
    //here i want to kill that foo() function
    clearTimeout(t);
}

kill JavaScript recursive function

3 Answers3