How to clear this setInterval inside a function with JavaScript?

Sometimes, we want to clear this setInterval inside a function with JavaScript.

In this article, we’ll look at how to clear this setInterval inside a function with JavaScript.

How to clear this setInterval inside a function with JavaScript?

To clear this setInterval inside a function with JavaScript, we can call the clearInterval function.

For instance, we write

let intervalListener;
const someProcess = () => {
  //...
  if (stopIntervalIsTrue) {
    window.clearInterval(intervalListener);
  }
};
intervalListener = self.setInterval(someProcess, 1000);

to call setInterval with someProcess to run someProcess every second.

Then if stopIntervalIsTrue is true in someProcess to call window.clearInterval with intervalListener to clear the timer and stop someProcess from running.

Conclusion

To clear this setInterval inside a function with JavaScript, we can call the clearInterval function.