[Javascript/JQuery] setTimeout call cancelen?

[Anoniem: 308713]

Ik ben bezig om met behulp van JQuery en standaard Javascript een functie uit te voeren die pas na enkele seconden (laat zeggen: 3 seconden) uitgevoerd wordt. De volgende code verduidelijkt het e.e.a.:

code:

function start() {
    setTimeout(function() {
        alert('3 seconden voorbij.');
    }, 3000);
}

Dit representeert zichzelf als volgt:

• 0 seconden: start() wordt aangeroepen
• 3 seconden: alert verschijnt

Maar stel je nu de volgende situatie voor:

• 0 seconden: start() wordt aangeroepen (aanroep 1)
• 2 seconden: start() wordt wederom aangeroepen (aanroep 2)
• 3 seconden: alert verschijnt (door aanroep 1)
• 5 seconden: alert verschijnt (door aanroep 2)

Hoe kan ik er nu voor zorgen dat de eerste alert die verschijnt, gecanceld wordt? Met andere woorden, hoe kan ik alle functie calls die aan een timeout gekoppeld zijn (en die dus nog "in de wacht staan") cancellen als start() voor een tweede (of derde, etc.) maal aangeroepen wordt?

[mithras]

Binnen de functie van de timeout een extra controle doen. Hiermee kijk je of er al een keer de functie is uitgevoerd, waardoor je nooit een tweede keer de alert zal zien.

[Anoniem: 308713]

mithras schreef op donderdag 13 mei 2010 @ 14:58:
Binnen de functie van de timeout een extra controle doen. Hiermee kijk je of er al een keer de functie is uitgevoerd, waardoor je nooit een tweede keer de alert zal zien.

Maar het gewenste resultaat is dat de eerste alert gecanceld moet worden, en de tweede alert getoond moet worden. Oftewel, als je vier keer start() uitvoert, moet alleen de laatste aanroep er voor zorgen dat er 3 seconden na dat moment een alert getoond wordt, de eerste drie moeten dan niet verschijnen.

Gewenste situatie bij vier keer aanroepen start():

• 0 seconden: aanroep start() (aanroep 1)
• 1 seconden: aanroep start() (aanroep 2)
• 1.5 seconden: aanroep start() (aanroep 3)
• 2 seconden: aanroep start() (aanroep 4)
• 3 seconden: alert (door aanroep 1; deze moet niet uitgevoerd worden)
• 4 seconden: alert (door aanroep 2; deze moet niet uitgevoerd worden)
• 4.5 seconden: alert (door aanroep 3; deze moet niet uitgevoerd worden)
• 5 seconden: alert (door aanroep 4; deze moet wel uitgevoerd worden)

[ Voor 32% gewijzigd door Anoniem: 308713 op 13-05-2010 15:04 ]

[orf]

Met clearTimeout moet je een eind kunnen komen.

http://www.w3schools.com/jsref/met_win_cleartimeout.asp

[Anoniem: 308713]

orf schreef op donderdag 13 mei 2010 @ 15:03:
Met clearTimeout moet je een eind kunnen komen.

http://www.w3schools.com/jsref/met_win_cleartimeout.asp

U bent mijn held. Dit zocht ik

[R4gnax]

Heel fijn om met de hand met timer IDs te lopen modderen, maar dat kan beter.

[pieturp]

R4gnax schreef op donderdag 13 mei 2010 @ 15:14:
Heel fijn om met de hand met timer IDs te lopen modderen, maar dat kan beter.

* Mompelt: mug, olifant

Oeps, sorry! Niet goed gelezen

Inderdaad betere oplossing

[ Voor 11% gewijzigd door pieturp op 13-05-2010 19:09 ]

[UltimateB]

Eh waarom niet iets van

JavaScript:

var currentTimer = false;

function start() {
      if(currentTimeout !== false) {
        clearTimeout(currentTimeout);
      }
      currentTimeout = setTimeout(function() {
          alert('3 seconden voorbij.');
          currentTimeout = false;
      }, 3000);
}

[Anoniem: 308713]

UltimateB schreef op donderdag 13 mei 2010 @ 19:21:
Eh waarom niet iets van

JavaScript:

var currentTimer = false;

function start() {
      if(currentTimeout !== false) {
        clearTimeout(currentTimeout);
      }
      currentTimeout = setTimeout(function() {
          alert('3 seconden voorbij.');
          currentTimeout = false;
      }, 3000);
}

Is exact wat ik nu heb Maar wist in eerste instantie niet van het bestaan van clearTimeout af...

[Tom]

Ik gebruik deze voor timer-achtige dingen:
http://jquery.offput.ca/every/