Stopping or cancelling a setInterval call in Javascript involves using clearInterval. You must however use clearInterval on a variable that is assigned to the setInterval you want stopped.
setInterval calls a function every interval (milliseconds) as set. It will continue to run and refresh the page until the viewer leaves the page.
The example below is a classical setinterval call that continuously fetches and displays a value, this is put into the function doTheCall()
.
function doTheCall() { $.ajax({ url: 'filename.php', success: function (data) { // do stuff... if (data === 'done') { clearInterval(intervalCall); } } }); }
The setinterval is assigned to the variable intervalCall, because to use clearInterval it must point to a variable.
var intervalCall = setInterval(doTheCall, 1000);
Back in the doTheCall function, once a condition is met (the example was === ‘done’) clearInterval is called onto the variable inervalCall thus ending the setInterval.
clearInterval(intervalCall);
Other methods to call on clearInterval could be a button or general time sine page loaded.