Stop a Jquery/Javascript timer

Question

I know this can't be that difficult, but I swear I can't find a straight forward answer to this. I have the following javascript/jquery function that starts a timer:

function startTimer() { (function ($) {
    //timer for the box
    window.timer = window.setInterval(function() {
       $(".region-brand-window").timer();
    }, 10000);

    jQuery.fn.timer = function() {
       changeBrandOnTimer();
    }
})(jQuery); }   

How do I stop this thing? And I don't mean pause. I mean turn it off from another function.

Answer 1

call stopTimer whenever you want to stop timer.

    function startTimer() { (function ($) {
        //timer for the box
        window.timer = window.setInterval(function() {
           $(".region-brand-window").timer();
        }, 10000);

        jQuery.fn.timer = function() {
           changeBrandOnTimer();
        }
    })(jQuery); } 

   function stopTimer(){
           clearInterval(timer );
   }

Answer 2

To cancel an interval, you would use:

clearInterval(window.timer);

FYI, if it was a timeout you would use clearTimeout() in the same way.

Answer 3

use window.clearInterval(intervalID)

window.clearInterval(window.timer)

Answer 4

clearInterval(window.timer);

Should do it.