Setinterval là gì
Hàm Show Cú pháp: var intervalID = setInterval(func, delay);
Ví dụ sau cứ 3 giây lại hiện popup có nội dung Xin chào các bạn, lại là homiedev đây 🥳. Trong bài viết trước chúng ta đã tìm hiểu về setTimeout() trong JavaScript là gì?, tiếp tục chủ đề bất đồng bộ trong JavaScript thì hôm nay chúng ta sẽ tìm hiểu về Javascript setInterval()Method Cú pháp thường sử dụng của 1 là:
Trong đó:
Method Ví dụ 1: Trong ví dụ này, chúng ta sẽ hiển thị dòng chữ sau mỗi 2s (2000 milliseconds) nhé.
Kết quả ví dụ trên:
Method 4 sau mỗi 2s. Do đó, chương trình sẽ hiển thị dòng chữ 5 2 giây một lần.Trong 7. Callback function là gì các bạn có thể tìm hiểu tại bài viết này nhé ^^: Callback Function trong JavaScript là gì? tại sao lại được sử dụng nhiều như vậy?.
Ví dụ 2: Trong ví dụ này chúng ta sẽ hiển thị thời gian sau khoảng thời gian cho trước nhé: Kết quả:
clearInterval() trong JavaScriptNhư bạn đã thấy trong ví dụ trên, chương trình sẽ thực thi một khối code tại khoảng thời gian đã chỉ định. Nếu muốn dừng lệnh gọi hàm này, chúng ta có thể sử dụng method 9.Cú pháp của method 9 là:
Ở đây, intervalID là giá trị trả về của method Ví dụ 3: Kết quả: Trong đoạn code trên, method 9 sẽ dừng lệnh gọi hàm sau 3 lần.Chúng ta cũng có thể thêm các đối số bổ sung (additional arguments) cho
Khi bạn thêm các đối số bổ sung vào Ví dụ:
Kết quả:
Ở đoạn code trên, giá trị 6 được truyền vào method setInterval() . Giá trị này sẽ được truyền vào hàm 8 và kết quả ta được như trên.
Như vậy là chúng ta đã tìm hiểu xong method clearTimeout để làm gì?Khi ta muốn dừng hàm trước thời gian đã đặt ở phương thức setTimeout() , ta gọi phương thức clearTimeout() để tiến hành ngăn chặn không cho hàm chạy.
clearInterval trong JS là gì?clearInterval() trong JavaScript
Phương thức clearInterval() được sử dụng để xóa nhiệm vụ mà ta đã thiết lập trong phương thức setInterval() .
Timer JavaScript là gì?Bộ hẹn giờ (Timer) là một chức năng cho phép chúng ta thực hiện một chức năng tại một thời điểm cụ thể. Sử dụng bộ hẹn giờ, bạn có thể trì hoãn việc thực thi code để nó không hoàn thành vào đúng thời điểm một sự kiện được kích hoạt hoặc khi trang được tải.
|