Nach rechts bewegen

Lektion 11 von 18 im Kurs Ziehende Wolken – HTML/CSS/JS-Projekt von Coddy.

In JavaScript ruft die setInterval()-Methode wiederholt eine Funktion auf oder führt einen Code-Schnipsel aus, mit einer festen Zeitverzögerung zwischen jedem Aufruf.

Zum Beispiel:

let i = 0;
setInterval(() => {
	i += 1
}, 1000)

Das obige Beispiel erhöht i alle 1000 Millisekunden (eine Sekunde) um 1.

Aufgabe

Einfach

Fügen Sie in der JavaScript-Datei ein Intervall von 3000 Millisekunden (3 Sekunden) hinzu, das die Style-Eigenschaft left der Wolke auf 100% setzt.

Woran erkennen Sie, dass es funktioniert?

Warten Sie nach dem Hinzufügen des Codes 3 Sekunden lang. Danach sollte sich Ihre Wolke nach links bewegen (das Intervall wurde ausgeführt)!

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>