Basiswerk met de functie setInterval in JavaScript

In deze les leren we hoe we met timers kunnen werken in JavaScript. Als je timers begrijpt, kun je automatisch bewerkingen op de pagina uitvoeren na een opgegeven tijdsinterval. Je kunt bijvoorbeeld een diavoorstelling van afbeeldingen maken waarin de afbeeldingen elke seconde wisselen.

Voor het werken met timers in JavaScript wordt de functie setInterval gebruikt, die de opgegeven code met bepaalde tussenpozen start.

Deze functie werkt als volgt: als eerste parameter accepteert het de broncode van een functie, en als tweede parameter - het interval waarna deze functie automatisch zal worden aangeroepen. De tweede parameter wordt opgegeven in milliseconden (1000 milliseconden = 1 seconde).

Laten we de werking van de functie bestuderen met een voorbeeld. Laten we bijvoorbeeld code schrijven die elke seconde iets naar de console zal uitvoeren.

Laten we eerst een functie maken die iets naar de console uitvoert:

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

En laten we nu met setInterval onze gemaakte functie elke seconde laten uitvoeren:

setInterval(timer, 1000);

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

Het is niet nodig om een aparte functie aan te maken - je kunt gewoon een anonieme functie doorgeven aan de eerste parameter van setInterval, zoals hier:

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

Start een timer die elke 3 seconde iets naar de console uitvoert.