Timers

Der er tre forskellige timers:

setTimeout: Denne funktion gør, at man kan indsætte en enkelt event efter et stykke tid er gået. 

setInterval: Denne funktion skaber et loop, hvor en event indtræffer hver gang et antal sekunder er gået. 

clearInterval: Denne funktion "resetter" setInterval.

Tid angives i millisekunder.

Her er et eksempel fra Lynda.com på en billedserie med timer:

var myImage = document.getElementById("mainImage");


var imageArray = ["_images/overlook.jpg", "_images/winery.jpg", "_images/lunch.jpg"];


var imageIndex = 0;

function changeImage() {
   myImage.setAttribute("src", imageArray[imageIndex]);

   imageIndex++;

   if (imageIndex >= imageArray.length) {

        imageIndex = 0;
   }

}


setInterval(changeImage,5000);

Scriptet her henter altså et billede fra en lille array af billeder.