Grundlagen der Arbeit mit der Funktion setInterval in JavaScript

In dieser Lektion lernen wir, wie man mit Timern in JavaScript arbeitet. Nachdem Sie Timer verstanden haben, können Sie automatisch Operationen auf der Seite in bestimmten Zeitabständen ausführen. Zum Beispiel könnte man einen Bildslider erstellen, in dem sich die Bilder jede Sekunde ändern.

Für die Arbeit mit Timern in JavaScript wird die Funktion setInterval verwendet, die einen gegebenen Code in bestimmten Zeitintervallen ausführt.

Diese Funktion funktioniert wie folgt: Als ersten Parameter akzeptiert sie den Quellcode der Funktion, und als zweiten Parameter - das Intervall, nach dem diese Funktion automatisch aufgerufen wird. Der zweite Parameter wird in Millisekunden angegeben (1000 Millisekunden = 1 Sekunde).

Lassen Sie uns die Funktionsweise an einem Beispiel untersuchen. Schreiben wir zum Beispiel einen Code, der jede Sekunde etwas in die Konsole ausgibt.

Erstellen wir zunächst eine Funktion, die etwas in die Konsole ausgibt:

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

Und nun lassen wir mit setInterval unsere erstellte Funktion jede Sekunde ausführen:

setInterval(timer, 1000);

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

Es ist nicht notwendig, eine separate Funktion zu erstellen - man kann einfach eine anonyme Funktion als ersten Parameter an setInterval übergeben, so:

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

Starten Sie einen Timer, der alle 3 Sekunden etwas in die Konsole ausgibt.