Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Phương thức setInterval() trong JavaScript

setInterval()

Một trong các sự kiện thời gian (timing events). Object window cho phép code thực thi mỗi khoảng thời gian nhất định. setInterval() lặp lại một function sau mỗi khoảng thời gian xác định. Nhận 2 tham số: function và thời gian (milliseconds).

Cú pháp

window.setInterval(function, milliseconds, param1, param2, ...);

Ví dụ 1: Lặp mỗi 3 giây

<html> <body> <script> setInterval(function(){ document.write("Tutorix </br>"); }, 3000); </script> </body> </html>

Kết quả (sau 9 giây)

Tutorix Tutorix Tutorix

Ví dụ 2: Lặp mỗi 2 giây

<html> <body> <script> setInterval(function(){ document.write("Hello </br>"); }, 2000); </script> </body> </html>

Kết quả

Hello Hello

Lưu ý quan trọng:

  • Trả về interval ID (số) để dùng với clearInterval() dừng lại
  • Thực thi không chính xác tuyệt đối do event loop
  • Nên dùng setTimeout đệ quy cho các tác vụ cần độ chính xác cao
  • Tránh lạm dụng - gây rò rỉ bộ nhớ nếu không clear