Mã lặp lại javascript cứ sau 5 giây

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.”);
}
6

setTimeout

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 định

Có 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ăng

Hã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ỉ định

Thí 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áo

setInterval

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ện

Mộ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àm

let 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óa

Thí 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.”);
}
9

Bạ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ền

Số đượ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 nhau

Thí dụ

let intervalID;

function repeatEverySecond() {
  intervalID = setInterval(sendMessage, 1000);
}

function sendMessage() {
  console.log(“One second elapsed.”);
}
4

QUẢ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

Làm cách nào chúng ta có thể gọi một chức năng ghi nhật ký tin nhắn sau mỗi 5 giây?

Phương thức setInterval() trong JavaScript có thể được sử dụng để thực hiện đánh giá định kỳ biểu thức hoặc gọi một hàm JavaScript

Phương thức nào sẽ chạy hàm ABC sau 5 giây?

Phương thức setTimeout() gọi hàm sau một số mili giây.

Phương thức cửa sổ nào liên tục gọi một hàm f mỗi 0. 1 giây?

Phương thức setInterval() gọi một hàm theo các khoảng thời gian xác định (tính bằng mili giây).

Bạn sẽ sử dụng hàm JavaScript nào để thực thi một khối mã cứ sau mười giây?

setTimeout() Phương thức setTimeout() toàn cầu đặt bộ hẹn giờ thực thi một chức năng hoặc đoạn mã được chỉ định sau khi bộ hẹn giờ hết hạn.