Cách gọi một hàm sau một khoảng thời gian cụ thể bằng JavaScript

Có một số cách chúng ta có thể gọi hoặc chạy một hàm sau một khoảng thời gian cụ thể với JavaScript. Tôi sẽ chỉ cho bạn hai phương pháp sự kiện thời gian JavaScript, setTimeout() và setInterval() .

Sự khác biệt giữa các phương pháp sự kiện thời gian này là:

• setTimeout() chạy một hàm, một lần, sau khi đợi một số mili giây được chỉ định
• setInterval() tiếp tục chạy một chức năng liên tục trong một khoảng thời gian xác định

Hãy xem một ví dụ đơn giản về từng loại.

JavaScript setTimeout () example

Thêm mã sau vào bảng điều khiển JavaScript của sân chơi mã hóa của bạn. Bạn có thể sử dụng bảng điều khiển của trình duyệt nếu muốn:

setTimeout(function() {
  alert("Hello there!")
}, 3000)

3000 là mili giây (ms) nên ở trên là 3 giây. Mã này sẽ chạy, 3 giây sau khi tải trang đầu tiên của bạn và hiển thị thông báo cảnh báo “Xin chào!”.

JavaScript setInterval () ví dụ

Thêm mã sau vào bảng điều khiển JavaScript của sân chơi mã hóa của bạn. Bạn có thể sử dụng bảng điều khiển của trình duyệt nếu muốn:

setInterval(function() {
  alert("Hello there!")
}, 3000)

Mã này sẽ thực thi lặp đi lặp lại sau mỗi 3 giây.