Grunderna i att arbeta med funktionen setInterval i JavaScript

I den här lektionen kommer vi att lära oss att arbeta med timers i JavaScript. När du förstår timers kommer du kunna automatiskt utföra operationer på sidan med givna tidsintervall. Till exempel kan du göra en bildspelare där bilderna byts varje sekund.

För att arbeta med timers i JavaScript används funktionen setInterval, som startar given kod med viss tidsintervall.

Denna funktion fungerar på följande sätt: den första parametern accepterar den källkoden för funktionen, och den andra parametern - intervallet, efter vilket denna funktion automatiskt kommer att anropas. Den andra parametern anges i millisekunder (1000 millisekunder = 1 sekund).

Låt oss studera funktionens arbete med något exempel. Till exempel, låt oss skriva kod som varje sekund kommer att skriva ut något i konsolen.

Låt oss först skapa en funktion som skriver ut något i konsolen:

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

Och nu med setInterval låt oss få vår skapade funktion att utföras varje sekund:

setInterval(timer, 1000);

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

Det är inte nödvändigt att skapa en separat funktion - du kan helt enkelt skicka en anonym funktion som den första parametern till setInterval, så här:

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

Starta en timer som varje 3 sekund ska skriva ut något i konsolen.