Déplacer vers la droite
Leçon 11 sur 18 du cours Nuages en mouvement - Projet HTML/CSS/JS de Coddy.
En JavaScript, la méthode setInterval() appelle de manière répétée une fonction ou exécute un extrait de code, avec un délai fixe entre chaque appel.
Par exemple :
let i = 0;
setInterval(() => {
i += 1
}, 1000)L'exemple ci-dessus augmentera i de 1 toutes les 1000 millisecondes (une seconde).
Défi
FacileDans le fichier JavaScript, ajoutez un intervalle de 3000 millisecondes (3 secondes) qui définira la propriété de style left du nuage à 100%.
Comment saurez-vous que cela fonctionne ?
Après avoir ajouté le code, attendez 3 secondes, après quoi, votre nuage devrait se déplacer vers la gauche (l'intervalle s'est exécuté) !
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Toutes les leçons de Nuages en mouvement - Projet HTML/CSS/JS
1Introduction
Introduction5Déplacer le nuage
Valeurs fixes