Simple Javascript or jQuery clearInterval problem

Question

I have gone through most of the code here and tried several ways to get clearInterval to work and for some reason it is just not working, although it is a basic and simple problem.

Here is the code and I want to know WHY it isn't working, not just get the code done for me.

var myTimer;

function startTimer() {
    myTimer = window.setInterval( function() {
        $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current);
        var current = Math.round(Math.random() * 4) + 1;
        $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current);
    }, 5000);
};

function stopTimer(){
    window.clearInterval(myTimer);
    $('#randomImage').fadeTo('slow',0.0);

}

Thanks In Advance from a Newbie...

And what is it supposed to do? What do you mean by not working? — Jakub Hampl
– Jakub Hampl, Commented Apr 1, 2011 at 18:41
starTimer() rotates css classes randomly every 5 seconds and stopTimer() should clear the setInterval put in startTimer() but it does not stop the setInterval. — user688079
– user688079, Commented Apr 1, 2011 at 18:47
And are you sure the problem isn't somewhere else? Is stopTimer even being called? — Jakub Hampl
– Jakub Hampl, Commented Apr 1, 2011 at 18:52

Roko C. Buljan · Accepted Answer · 2011-11-29 20:19:12Z

6

Your code is fine, it works perfectly. It must be a problem with the code calling it. Check out this fiddle.

var myTimer;

function startTimer() {
    myTimer = window.setInterval( function() {
        $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current);
        var current = Math.round(Math.random() * 4) + 1;
        $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current);
    }, 5000);
};

function stopTimer(){
    window.clearInterval(myTimer);
    $('#randomImage').fadeTo('slow',0.0);

}

startTimer();
$('#randomImage').click(function() { stopTimer(); });

edited Nov 29, 2011 at 20:19

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

answered Apr 1, 2011 at 18:57

Jakub Hampl

40.7k10 gold badges80 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user688079 Over a year ago

Your right Jakub...I added $('#randomImage').click(function() { stopTimer(); }); as a call instead of the Div onclick="stopTimer()" and it worked... can you explain why please.

Jakub Hampl Over a year ago

Update the question with the full source - it's hard to specluate about code you don't see.

Collectives™ on Stack Overflow

Simple Javascript or jQuery clearInterval problem

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related