Ruch w prawo
Lekcja 11 z 18 w kursie Poruszające się chmury — projekt HTML/CSS/JS w Coddy.
W JavaScript metoda setInterval() wielokrotnie wywołuje funkcję lub wykonuje fragment kodu, z ustalonym opóźnieniem między każdym wywołaniem.
Na przykład:
let i = 0;
setInterval(() => {
i += 1
}, 1000)Powyższy przykład będzie zwiększać wartość i o 1 co 1000 milisekund (jedną sekundę).
Wyzwanie
ŁatwyW pliku JavaScript dodaj interwał wynoszący 3000 milisekund (3 sekundy), który ustawi właściwość stylu left chmury na 100%.
Jak sprawdzisz, czy działa?
Po dodaniu kodu poczekaj 3 sekundy, a następnie chmura powinna przesunąć się w lewo (interwał został wykonany)!
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
<script src="script.js"></script>
</body>
</html>Wszystkie lekcje w sekcji Poruszające się chmury — projekt HTML/CSS/JS
1Wprowadzenie
Wprowadzenie
Poćwicz samodzielnie: Edytor online Web