Flere setTimeout etterhverandre

[stiansa]

Jeg har en html-side som inneholder en iframe. Utenfor iframen er det et javascript som skal sette location.href for iframen. Etter en viss tid skal en ny url settes, og etter en viss tid, nok en ny URL, osv... Alt sammen skal foregå uten noen innspill fra brukeren.

 

Jeg har forsøkt dette (iframen heter iframeDoc):

var t1=setTimeout("document.iframeDoc.location.href='ss.asp?1';",5000)
var t2=setTimeout("document.iframeDoc.location.href='ss.asp?2';",5000)
var t3=setTimeout("document.iframeDoc.location.href='ss.asp?3';",5000)
var t4=setTimeout("document.iframeDoc.location.href='ss.asp?4';",5000)
var t5=setTimeout("document.iframeDoc.location.href='ss.asp?5';",5000)

 

Problemet er at setTimeout-ene ikke venter på hverandre. Det går altså ikke fem sekunder mellom hver av dem, men alle kjøres umiddelbart etterhverandre etter de første fem sekundene.

 

Jeg har forsøkt å bruke samme var-navn på alle fem, men det utgjorde ingen forskjell.

 

Kan dette løses?

Endret 13. mai 2009 av stiansa

[stiansa]

Dette funker for så vidt, men er ikke veldig smart koding:

var t1=setTimeout("document.iframeDoc.location.href='ss.asp?1';",5000)
var t2=setTimeout("document.iframeDoc.location.href='ss.asp?2';",10000)
var t3=setTimeout("document.iframeDoc.location.href='ss.asp?3';",15000)
var t4=setTimeout("document.iframeDoc.location.href='ss.asp?4';",20000)
var t5=setTimeout("document.iframeDoc.location.href='ss.asp?5';",25000)

 

Finnes det en glupere metode?

[luxus]

Det gjør det:

 

var intervallFunksjon = (function(){
 var intervallIndex = 0;  

 return function() {
alert(intervallIndex++);
intervallIndex = intervallIndex % 5;
 };
})();

intervall = setInterval(intervallFunksjon, 5000);

 

Den vil hvert 5 sekund eksekvere intervallFunksjon, som igjen alert-er 0, 1, 2, 3, 4, 0, 1 osv. Denne funksjonen ser kanskje litt rar ut, men det skjer er i korte trekk at intervallFunksjon er en funksjon som blir eksekvert når JS blir lest av browseren. Denne funksjonen returnerer en annen funksjon og det er denne som faktisk blir kalt på av setInterval. Verdien intervallIndex blir "husket" fra gang til gang via closure.

 

For å få funksjonen til å gjøre det du vil bytter du ut innholdet av blocken der alert() er til noe ala document.iframeDoc.location.href="ss.asp?"+intervallIndex;