setinterval on and off

SetInterval On and Off

SetInterval is a method in JavaScript that allows you to execute a function repeatedly at a given time interval. You can turn it on or off depending on your needs.


Let's say we have a function that changes the background color of a div element every 2 seconds.

    function changeColor() {
      var div = document.querySelector("#myDiv"); = getRandomColor(); // getRandomColor() is a separate function that returns a random color
    setInterval(changeColor, 2000); // This will call the changeColor function every 2 seconds

In the above example, the setInterval method is turned on and executing the changeColor function every 2 seconds. However, if we want to turn it off, we can use the clearInterval method.


    var interval = setInterval(changeColor, 2000); // Store the interval in a variable
    clearInterval(interval); // This will turn off the setInterval method

In the above example, we store the interval in a variable so that we can later refer to it and turn it off using the clearInterval method.

Another way to turn off setInterval is by using a boolean variable as a flag.


    var isIntervalOn = true;
    function changeColor() {
      if(isIntervalOn) {
        var div = document.querySelector("#myDiv"); = getRandomColor();
    setInterval(changeColor, 2000);
    isIntervalOn = false; // This will turn off the setInterval method

In the above example, we use a boolean variable isIntervalOn as a flag to determine whether to execute the changeColor function or not. By setting it to false, we effectively turn off the setInterval method.

Subscribe to The Poor Coder | Algorithm Solutions

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]