Các lập trình viên sử dụng các sự kiện thời gian để trì hoãn việc thực thi mã nhất định hoặc lặp lại mã trong một khoảng thời gian cụ thể
Có hai hàm gốc trong thư viện JavaScript được sử dụng để hoàn thành các tác vụ này.
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 và let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
6setTimeout
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 được sử dụng để trì hoãn việc thực thi chức năng đã truyền trong một khoảng thời gian xác địnhCó hai tham số mà bạn chuyển đến
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5. chức năng bạn muốn gọi và lượng thời gian tính bằng mili giây để trì hoãn việc thực thi chức năngHãy nhớ rằng có 1000 mili giây [ms] trong 1 giây, vì vậy 5000 ms bằng 5 giây
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 sẽ thực thi hàm từ đối số đầu tiên một lần sau khi hết thời gian đã chỉ địnhThí dụ
let timeoutID;
function delayTimer[] {
timeoutID = setTimeout[delayedFunction, 3000];
}
function delayedFunction[] {
alert[“Three seconds have elapsed.”];
}
Khi hàm
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
0 được gọi, nó sẽ chạy let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
1. Sau 3 giây [3000 ms] trôi qua, nó sẽ thực thi let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
0 sẽ gửi cảnh báosetInterval
Sử dụng
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
6 để chỉ định chức năng lặp lại với thời gian trễ giữa các lần thực hiệnMột lần nữa, hai tham số được truyền cho
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
6. hàm bạn muốn gọi và lượng thời gian tính bằng mili giây để trì hoãn mỗi lần gọi hàmlet intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
6 sẽ tiếp tục thực hiện cho đến khi nó bị xóaThí dụ
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
Khi mã của bạn gọi hàm
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
4, nó sẽ chạy let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5. let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 sẽ chạy chức năng let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
7 mỗi giây [1000 ms]ClearTimeout và ClearInterval
Ngoài ra còn có các chức năng gốc tương ứng để dừng các sự kiện thời gian.
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
8 và let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
9Bạn có thể nhận thấy rằng mỗi chức năng hẹn giờ ở trên được lưu vào một biến. Khi hàm
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
1 hoặc let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 chạy, nó được gán một số được lưu vào biến này. Lưu ý rằng JavaScript thực hiện tất cả điều này trong nềnSố được tạo này là duy nhất cho từng phiên bản của bộ hẹn giờ. Số được chỉ định này cũng là cách xác định bộ hẹn giờ khi bạn muốn dừng chúng. Vì lý do này, bạn phải luôn đặt bộ đếm thời gian của mình thành một biến
Để mã của bạn rõ ràng, bạn phải luôn khớp giữa
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
8 với let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
5 và let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
9 với let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
6Để dừng bộ hẹn giờ, hãy gọi hàm xóa tương ứng và chuyển cho nó biến ID bộ hẹn giờ khớp với bộ hẹn giờ bạn muốn dừng. Cú pháp của
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
9 và let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
8 giống nhauThí dụ
let intervalID;
function repeatEverySecond[] {
intervalID = setInterval[sendMessage, 1000];
}
function sendMessage[] {
console.log[“One second elapsed.”];
}
4QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
Nếu bài viết này hữu ích, hãy tweet nó
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu