How to stop a jQuery script

Question

Possible Duplicate:
Show and hide divs at a specific time interval using jQuery

I have a jQuery script what is showing and hiding divs at a specific interval. It's working fine but I have one problem, its showing and hiding divs round and round so basically its never stops. How can I make this stop? Lets say it stops after showing 3x the divs.

$(function() {
    var timer = setInterval( showDiv, 5000);    
    var counter = 0;

    function showDiv() {
        if (counter == 0) { 
            counter++; 
            return; 
        }

        $('div','#container')
            .stop()
            .hide()
            .filter( function() { return this.id.match('div' + counter); })   
            .show('fast');

        counter == 3? counter = 0 : counter++; 
    }
});

See http://stackoverflow.com/questions/109086/stop-setinterval-call-in-javascript — Stefan, Nov 25 '11 at 14:04
Seems like you copy-pasted some code from this page: http://stackoverflow.com/q/915016/508702 and now wonder why it is not working? — Bas Slagter, Nov 25 '11 at 14:05

score 2 · Answer 1 · edited Nov 25 '11 at 14:32

2

Use setTimeout() and clearTimeout() instead of setInterval().

edited Nov 25 '11 at 14:32

JMax

26,109
12
69
88

answered Nov 25 '11 at 14:04

Hazza

6,441
3
24
37

score 1 · Accepted Answer · answered Nov 25 '11 at 14:06

1

Try this:

$(function() {

  var timer = setInterval( showDiv, 5000);

  var counter = 0;
  var showTimes = 3;
  function showDiv() {
    if (counter ==0) { counter++; return; }

    $('div','#container')
      .stop()
      .hide()
      .filter( function() { return this.id.match('div' + counter); })   
      .show('fast');

    if(counter == 3){
       counter = 0;
       showTimes--;
       if(showTimes == 0)
           clearInterval(timer);
    }else{
       counter++; 
    }

  }

});

answered Nov 25 '11 at 14:06

Niels

48,601
4
62
81

thank you Niels, its working perfectly. sorry but my reputation is too low to vote up your answer. – nmsdvid Nov 25 '11 at 15:00
You can pick it as the right answer. – Niels Nov 25 '11 at 15:03

score 0 · Answer 3 · answered Nov 25 '11 at 14:08

0

add your whole code into a function and call that function within a for loop only thrice with the time interval

answered Nov 25 '11 at 14:08

yrk

67
3
10

score 0 · Answer 4 · answered Nov 25 '11 at 14:11

0

You can use setInterval as you are using it now. When you want the timer to stop you call clearInterval, passing it the timer you got from the setInterval call. You can do this inside your showDiv function if you like.

answered Nov 25 '11 at 14:11

Mike E

5,493
1
14
15

How to stop a jQuery script

4 Answers4

Linked