Referencing Non-Global Variable for Timer JS

Question

I have this function.

function changeFrame(){
    var time = setInterval(start, 250);
}

and I want to stop it from firing in another function, but haven't been able to figure out how to do it.

Answer 1

Do you mean this?

function changeFrame(){
    var time = setInterval(function() {
        // Do stuff
    }, 250);
}

Think it's in the comments.

Ok amended the fiddle to do what you want. I made time a global var. Call clearInterval in stop with the global var http://jsfiddle.net/QNWF4/3/

Answer 2

In order to call clearInterval you need to have the handle returned by setInterval. That means something will either be global to the page or global to a containing function in which your script resides.

function Timer()
{ 
    var handle = null;
    this.start = function (fn,interval) {
        handle = setInterval(fn,interval);
    };
    this.stop = function ()
    {
        if (handle) { clearInterval(handle); handle = null; }
    };
    return this;
}