Javascript: setinterval start and stop function?

Question

I'm tying to create stop and start functions for a setinterval.

I have been trying everything but I can't seem to get it right!

this is my code:

function myStartFunction() {
var myVar = setInterval(function(){ myTimer() }, 6000);

function myTimer() {

    $.ajax({
      type:"post",
      url:"myphppage.php",
      datatype:"html",
      success:function(data)
      {  
         if(data!="")
         {



         }
      }
    });

}

}

function myStopFunction() {
    clearInterval(myVar);
}

and this is how I've been trying to call them (This is how I NEED to call them):

to start it:

myStartFunction();

and to stop it:

myStopFunction();

but this is not correct and I know it.

could someone please advise on this issue as I've practically been pulling my hair out!

Thanks in advance.

Possible duplicate of [Stop setInterval call in JavaScript](http://stackoverflow.com/questions/109086/stop-setinterval-call-in-javascript) — Heretic Monkey, Nov 03 '16 at 22:43

score 4 · Accepted Answer · answered Nov 03 '16 at 22:39

Declare myVar as global (outside the functions), cause in your example myStopFunction can't see it.

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ myTimer() }, 6000);
}

function myTimer() {
    $.ajax({
      type:"post",
      url:"myphppage.php",
      datatype:"html",
      success:function(data)
      {  
         if(data!="")
         {
         }
      }
    });
}

function myStopFunction() {
    clearInterval(myVar);
}

score 2 · Answer 2 · answered Nov 03 '16 at 22:42

Set myVar as a global variable like this

var myVar = 0;

function myStartFunction() {
  console.log('myStartFunction');
  myVar = setInterval(function(){ myTimer() }, 6000);

  function myTimer() {
    console.log('myTimer');
    /*
    $.ajax({
      type:"post",
      url:"myphppage.php",
      datatype:"html",
      success:function(data)
      {  
         if(data!="")
         {



         }
      }
    });
    */
    
    // FOR TEST
    myStopFunction();
  }

}

function myStopFunction() {
  console.log('myStopFunction');
  clearInterval(myVar);
}


// FOR TEST
myStartFunction();

Javascript: setinterval start and stop function?

2 Answers2