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

Có vài cách gọi hoặc chạy 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 thức sự kiện thời gian JavaScript, setTimeout() và setInterval().

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

• setTimeout() chạy hàm, một lần, sau khi chờ số milliseconds chỉ định
• setInterval() chạy hàm liên tục tại khoảng thời gian chỉ định

Hãy xem ví dụ đơn giản của mỗi cái.

Ví dụ JavaScript setTimeout()

Thêm mã sau vào console JavaScript playground. Bạn có thể dùng console trình duyệt:

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

3000 là milliseconds (ms) nên trên là 3 giây. Mã này chạy, 3 giây sau tải trang ban đầu, hiển thị thông báo alert "Hello there!".

Ví dụ JavaScript setInterval()

Thêm mã sau vào console JavaScript playground. Bạn có thể dùng console trình duyệt:

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

Mã này thực thi lại và lại mỗi 3 giây.