Phương thức Window clearTimeout()

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

clearTimeout() Cách sử dụng Phương thức setTimeout() đặt thời gian chờ.

Thông báo

Nếu muốn xóa timeout, hãy sử dụng phương thức từ Phương thức setTimeout() ID được trả về:

myTimeout = setTimeout(function, milliseconds);

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

clearTimeout(myTimeout);

Xem thêm:

Phương thức setTimeout()

Phương thức setInterval()

Phương thức clearInterval()

Mô hình

Ví dụ 1

Cách ngăn chặn myGreeting() được thực hiện:

const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
  document.getElementById("demo").innerHTML = "Chúc mừng sinh nhật cho bạn !!"
}
function myStopFunction() {
  clearTimeout(myTimeout);
}

Thử nghiệm trực tiếp

Ví dụ 2

Ví dụ này có nút "Bắt đầu" để khởi động bộ đếm, trường nhập số đếm và nút "Dừng" để dừng bộ đếm:

<button onclick="startCount()">Bắt đầu đếm!</button>
<input type="text" id="demo">
<button onclick="stopCount()">Dừng đếm!</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
  document.getElementById("demo").value = counter;
  counter++;
  timeout = setTimeout(timedCount, 1000);
}
function startCount() {
  if (!timer_on) {
    timer_on = 1;
    timedCount();
  }
}
function stopCount() {
  clearTimeout(timeout);
  timer_on = 0;
}
</script>

Thử nghiệm trực tiếp

Cú pháp

clearTimeout(timeoutId)

Tham số

Tham số Mô tả
timeoutId Bắt buộc.Phương thức setTimeout() ID được trả về.

Trả về giá trị

Không có.

Giải thích

clearTimeout() phương thức hủy bỏ việc thực hiện mã được chỉ định, gọi Phương thức setTimeout() sao cho mã này có thể được thực hiện chậm trễ. Các tham số timeoutId là việc gọi Phương thức setTimeout() trả về sau khi thực hiện, nó xác định mã lệnh chờ thực hiện sẽ bị hủy (có thể có nhiều mã lệnh).

Trình duyệt hỗ trợ

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

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