Stop setInterval call in JavaScript

Stop setInterval call in JavaScript#

If you want to stop the execution of setInterval function in JavaScript, you can use the clearInterval() method. It clears the interval which has been set by the setInterval() method.

Syntax#

var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
clearInterval(intervalID);

The clearInterval() method takes an intervalID parameter, which is the ID returned by the setInterval() method. When you call clearInterval() with the intervalID, it stops the interval from executing.

Example#

var intervalID = window.setInterval(myFunc, 1000);

function myFunc() {
  console.log('Hello World!');
}

// Stop the interval after 5 seconds
setTimeout(function() {
   clearInterval(intervalID);
}, 5000);

In this example, we set an interval to execute the myFunc() function every 1 second. Then, we use the setTimeout() method to stop the interval after 5 seconds.

Another Example#

function startTimer() {
  var count = 0;
  var timer = setInterval(function() {
    console.log(count);
    count++;
    if(count === 10) {
      clearInterval(timer);
    }
  }, 1000);
}
startTimer();

In this example, we create a startTimer() function that sets an interval to execute a function every 1 second. The function logs a count variable to the console and increments it by 1 on each execution. When the count reaches 10, we call clearInterval() to stop the interval.