phương thức Window setTimeout()

Định nghĩa và cách sử dụng

setTimeout() phương thức gọi hàm sau một số miligian.

Chú thích:1 giây = 1000 miligian.

thông báo

setTimeout() chỉ thực hiện một lần.

Nếu bạn cần lặp lại, hãy thay đổi bằng setInterval().

Vui lòng sử dụng phương thức clearTimeout() để ngăn chặn hàm khởi động.

Để xóa bỏ thời gian chờ, hãy sử dụng từ setTimeout() ID được trả về:

myTimeout = setTimeout(function, milliseconds);

Sau đó bạn có thể gọi phương thức clearTimeout() để dừng thực hiện:

clearTimeout(myTimeout);

Xem thêm:

phương thức clearTimeout()

phương thức setInterval()

phương thức clearInterval()

mô hình

Ví dụ 1

Chào bạn sau 5 giây:

const myTimeout = setTimeout(myGreeting, 5000);

Thử ngay

Ví dụ 2

Sử dụng clearTimeout(myTimeout) để ngăn chặn myGreeting chạy:

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Thử ngay

cung cấp thêm ví dụ ở dưới trang.

cú pháp

setTimeout(function, milliseconds, param1, param2, ...)

tham số

tham số mô tả
function bắt buộc. hàm cần thực hiện.
milliseconds

tùy chọn. số miligian giây chờ trước khi thực hiện.

giá trị mặc định là 0.
param1, param2,...

tùy chọn. tham số được truyền cho hàm.

IE9 và các phiên bản trước không hỗ trợ.

giá trị trả về

loại mô tả
số.

ID của bộ đếm ngược.

Vui lòng liên kết id này với clearTimeout(idphương thức Sử dụng cùng nhau để hủy bỏ bộ đếm ngược.

Hỗ trợ trình duyệt

Tất cả các trình duyệt đều hỗ trợ setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Các ví dụ khác

Ví dụ 3

Hiển thị hộp cảnh báo sau 3 giây (3000 mili giây):

let timeout;
function myFunction() {
  timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
  alert("Hello!");
}

Thử ngay

Ví dụ 4

Hiển thị văn bản thời gian:

let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);

Thử ngay

Ví dụ 5

Mở cửa sổ mới và đóng cửa sổ sau ba giây (3000 mili giây):

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Thử ngay

Ví dụ 6

Đếm liên tục - nhưng có thể dừng đếm:

function startCount()
function stopCount()

Thử ngay

Ví dụ 7

Thời gian đồng hồ được tạo bằng sự kiện đếm ngược:

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Thử ngay

Ví dụ 8

Chuyển đổi tham số cho hàm (không hoạt động trên IE9 và các phiên bản trước):

setTimeout(myFunc, 2000, "param1", "param2");

Thử ngay

Ví dụ 9

Nhưng, nếu bạn sử dụng hàm ẩn danh, nó sẽ áp dụng cho tất cả các trình duyệt:

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Thử ngay