Grondbeginsels van Werk met die setInterval Funksie in JavaScript

In hierdie les sal ons leer hoe om met timers te werk in JavaScript. Nadat jy timers onder die knie het, sal jy op 'n bladsy outomaties bewerkings kan uitvoer na 'n gegewe tydsinterval. Byvoorbeeld, jy sal 'n skyfie-speler kan maak waarin die prente elke sekonde verander.

Om met timers in JavaScript te werk, word die funksie setInterval gebruik, wat die gegewe kode na sekere tydintervalle laat loop.

Hierdie funksie werk soos volg: die eerste parameter is die bron- kode van die funksie, en die tweede parameter is die interval, waarna hierdie funksie outomaties opgeroep sal word. Die tweede parameter word in millisekondes gespesifiseer (1000 millisekondes = 1 sekonde).

Kom ons bestudeer die werking van die funksie met 'n voorbeeld. Laat ons byvoorbeeld kode skryf wat elke sekonde iets in die konsole sal uitdruk.

Laat ons eers 'n funksie maak wat iets in die konsole uitdruk:

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

En nou, met behulp van setInterval, laat ons die funksie wat ons geskep het elke sekonde uitvoer:

setInterval(timer, 1000);

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

Dit is nie nodig om 'n aparte funksie te skep nie - jy kan eenvoudig 'n anonieme funksie as die eerste parameter aan setInterval oorhandig, soos volg:

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

Begin 'n timer wat elke 3 sekondes iets in die konsole sal uitdruk.