Di chuyển sang phải
Bài học 11 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.
Trong JavaScript, phương thức setInterval() liên tục gọi một hàm hoặc thực thi một đoạn code, với khoảng thời gian cố định giữa mỗi lần gọi.
Ví dụ:
let i = 0;
setInterval(() => {
i += 1
}, 1000)Ví dụ trên sẽ tăng i thêm 1 sau mỗi 1000 mili giây (một giây).
Thử thách
DễTrong tệp JavaScript, hãy thêm một khoảng thời gian lặp lại là 3000 mili giây (3 giây) để đặt thuộc tính kiểu left của đám mây thành 100%.
Làm sao bạn biết đoạn code hoạt động?
Sau khi thêm code, hãy đợi 3 giây. Sau đó, đám mây sẽ di chuyển sang trái (khoảng thời gian lặp lại đã chạy)!
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML ở đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Dự án mây chuyển động với HTML/CSS/JS
1Giới thiệu
Giới thiệu5Di chuyển đám mây
Giá trị cố định
Di chuyển sang phảiĐổi hướng luân phiênBắt đầu ngayNgẫu nhiên hóa mọi thứTự luyện tập: Playground Web