Grundlæggende arbejde med setInterval-funktionen i JavaScript

I denne lektion vil vi lære at arbejde med timere i JavaScript. Når du har forstået timere, vil du kunne udføre handlinger på siden automatisk med bestemte tidsintervaller. For eksempel kan du lav et billedslideshow, hvor billederne skifter hvert sekund.

Til arbejde med timere i JavaScript bruges funktionen setInterval, som kører den angivne kode med bestemte intervaller.

Denne funktion fungerer på følgende måde: som første parameter tager den kildekoden for funktionen, og som anden parameter - intervallet, hvor efter denne funktion automatisk vil blive kaldt. Den anden parameter angives i millisekunder (1000 millisekunder = 1 sekund).

Lad os studere funktionens arbejde med et eksempel. For eksempel, lad os skrive kode, som hvert sekund vil udskrive noget til konsollen.

Til at starte med, lav en funktion, der udskriver noget til konsollen:

function timer() {
	console.log('!');
}

Og lad os nu ved hjælp af setInterval få vores funktion til at udføres hvert sekund:

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

Det er ikke nødvendigt at oprette en separat funktion - du kan blot sende en anonym funktion som den første parameter til setInterval, sådan her:

setInterval(function() {
	console.log('!');
}, 1000);

Start en timer, som hver 3 sekund vil udskrive noget til konsollen.