Pause button

[garfunkel214]

I have images and text rotating every 7000 ms using a setInterval. i am trying to implement a pause button that will stop the rotation when clicked. When clicked once more, I would like the rotation to continue.

The first time that the pause button is clicked, the rotation stops and all is well. Click again and the rotation continues. But then i can't seem to pause thereafter. Where am i going wrong?

function pause() {
switch (p) {
case 0:
document.pausebutton.src="images/pause_on.gif";
window.clearInterval(timer);
window.clearInterval(timer2);
p=1;
break;
case 1:
document.pausebutton.src="images/news.gif";
var timer2=window.setInterval("section()", 7000);
p=0;
break;
}
}
 
 
var timer=window.setInterval("section()", 7000);
 

[HTML]<img name="pausebutton" onclick="pause();" src="images/news.gif" border="0" height="17" width="17" />[/HTML]

[gits]

hi ...

your variable p is undefined ... so the script stops due to an js-error and not clearing the interval. you should init a global variable p with 0 and everything is ok ;)

kind regards

[garfunkel214]

ah sorry i neglected to show that part of the code. i had set var p to 0 earlier in the script. any other ideas??

[gits]

hmmm ... ahhhhhhhrg ;) ... var timer2 is declared locally ... reuse timer or declare timer2 globally too

function pause() {
        switch (p) {
        case 0: 
                document.pausebutton.src="images/pause_on.gif";
                window.clearInterval(timer);
                p=1;
                break;
        case 1: 
                document.pausebutton.src="images/news.gif";
                timer=window.setInterval(function() { // do something }, 700);
                p=0;
                break;
        }
}                    
 
var timer=window.setInterval(function() { // do something }, 700);
 

kind regards ...