Timeouts und Intervalle

Code verzögert ausführen: setTimeout(…)

Manchmal muss eine Aktion verzögert ausgeführt werden. Dies kannst du ganz einfach mit der Funktion setTimeout(callback, time) realisieren:

1
2
3

setTimeout(function(){
                console.log('Thanks for waiting :)');
            }, 5000);

Das erste Argument ist die Aktion/Funktion, die ausgeführt wird, sobald die Zeit abgelaufen ist. Das zweite Argument ist die Zeit in Millisekunden, die verstreichen muss, bis die übergebene Funktion ausgeführt wird.

Code immer wieder ausführen: setInterval(…)

Folgender Code wird jede Sekunde ausgeführt:

1
2
3

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

Vielleicht ist dir aufgefallen, dass setTimeout(...) und setInterval(...) eine Ganzzahl zurückgeben. Das ist die ID des Timeouts bzw. Intervalls. Es macht Sinn, diesen Wert zu merken, damit man das Intervall wieder beendet werden kann:

1
2
3
4

const intervalId = setInterval(function(){}, 1000);
...

clearInterval(intervalId);

Hierzu findest du eine Aufgabe im Lab.