JavaScript SetTimeout và SetInterval là hàm gốc duy nhất trong JavaScript được sử dụng để chạy mã không đồng bộ, nghĩa là cho phép hàm được thực thi ngay lập tức, không cần đợi hoàn thành thực thi hiện tại, nó sẽ được thực thi tiếp
Phương thức setTimeout[] của JavaScript. Phương thức này thực thi một chức năng, sau khi đợi một số mili giây đã chỉ định.
cú pháp
window.setTimeout[function, milliseconds];
Tham số. Có hai tham số được chấp nhận bởi phương pháp này
- hàm số. tham số đầu tiên là một hàm được thực thi
- mili giây. cho biết số mili giây trước khi quá trình thực thi diễn ra
Thí dụ. Nếu, chúng tôi muốn một hộp cảnh báo bật lên, 2 giây sau khi người dùng nhấn nút nhấp vào tôi.
jav
Press me
window.clearTimeout[value]0
window.clearTimeout[value]2
window.clearTimeout[value]3
window.clearTimeout[value]4_______1_______5
window.clearTimeout[value]6
window.clearTimeout[value]7
window.clearTimeout[value]9
window.setInterval[function, milliseconds];0
đầu ra. Ngay khi người dùng nhấn nút “nhấn tôi”, sau 2 giây tạm dừng, hộp thông báo tin nhắn này sẽ bật lên
Chúng ta thậm chí có thể dừng việc thực thi hàm setTimeout[] bằng cách sử dụng một phương thức gọi là clearTimeout[]
cú pháp.
window.clearTimeout[value]
Tham số
- giá trị. Hàm bị dừng thực thi
Chỉ nên sử dụng phương thức clearTimeout[] nếu chức năng chưa được thực thi. Chúng ta hãy xem một ví dụ dưới đây
Thí dụ. Trong ví dụ này, chúng ta sẽ sử dụng hàm setTimeout[] và dừng thực thi hàm này bằng hàm clearTimeout[] trước khi thực thi setTimeout[]
HTML
window.setInterval[function, milliseconds];1
window.setInterval[function, milliseconds];2_______9_______3_______9_______2
>
window.setInterval[function, milliseconds];1
window.setInterval[function, milliseconds];7
window.setInterval[function, milliseconds];8_______9_______9_______19_______0
>
Press me
window.clearInterval[value]4_______9_______7
>
window.setInterval[function, milliseconds];1
window.setInterval[function, milliseconds];7
window.setInterval[function, milliseconds];8_______9_______9_______61_______1
window.setInterval[function, milliseconds];1
đầu ra. Ở đây nếu chúng ta nhấp vào nút dừng thực thi trước khi cảnh báo được hiển thị, thì việc thực thi cảnh báo sẽ bị dừng
Phương thức setInterval[] của JavaScript. Phương thức setInterval[] lặp lại một hàm đã cho ở mỗi khoảng thời gian nhất định.
cú pháp
window.setInterval[function, milliseconds];
Tham số. Có hai tham số được chấp nhận bởi phương pháp này
- hàm số. tham số đầu tiên là hàm được thực thi
- mili giây. cho biết độ dài của khoảng thời gian giữa mỗi lần thực hiện
Thí dụ.
jav
"setTimeout[gfg, 2000];"
7"setTimeout[gfg, 2000];"
8"setTimeout[gfg, 2000];"
9
window.clearTimeout[value]0
>
2 >
3
>
4
window.clearTimeout[value]2
>
7window.clearTimeout[value]4_______63_______9
"setTimeout[gfg, 2000];"
8
1window.clearTimeout[value]4_______64_______3
4
5
window.clearTimeout[value]9
window.setInterval[function, milliseconds];0
đầu ra. Sau mỗi giây, một tin nhắn “hi” mới sẽ được hiển thị
Vì phương thức setInterval[] thực thi hàm vô hạn nên có một phương thức được gọi là clearInterval[] để dừng thực thi setInterval[]
cú pháp.
window.clearInterval[value]
Tham số.
- giá trị. Hàm bị dừng thực thi
Thí dụ. Trong ví dụ này, trước tiên chúng ta sẽ thực thi hàm setInterval[] và sau đó dừng thực thi hàm đó bằng cách sử dụng hàm clearInterval[]
HTML
window.setInterval[function, milliseconds];1
window.setInterval[function, milliseconds];2
Press me
1_______9_______9"setTimeout[gfg, 2000];"
8Press me
4window.setInterval[function, milliseconds];2
>
window.setInterval[function, milliseconds];1
window.setInterval[function, milliseconds];7
window.setInterval[function, milliseconds];8_______9_______9_______66_______1
5
window.setInterval[function, milliseconds];1
window.clearTimeout[value]00
>
4
window.clearTimeout[value]03
window.clearTimeout[value]4_______1_______05
window.clearTimeout[value]4_______1_______07
window.setInterval[function, milliseconds];2
window.clearTimeout[value]09_______9_______2
window.clearTimeout[value]11
window.clearTimeout[value]9
window.clearInterval[value]4_______61_______6
>
đầu ra. Khi nhấp vào nút dừng, quá trình thực thi bị dừng
Trình duyệt được hỗ trợ. Các trình duyệt được hỗ trợ bởi Phương thức setTimeout[] & setInterval[] được liệt kê bên dưới
- Google Chrome 1 trở lên
- Cạnh 12 trở lên
- Internet Explorer 4 trở lên
- Firefox 1 trở lên
- Opera4 trở lên
- Safari1 trở lên
Chúng tôi có một Cheat Sheet về Javascript, nơi chúng tôi đề cập đến tất cả các chủ đề quan trọng của Javascript để kiểm tra những chủ đề đó, vui lòng xem qua Javascript Cheat Sheet-Hướng dẫn cơ bản về JavaScript