Phương pháp Window clearInterval()

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

clearInterval() Phương pháp xóa sử dụng Phương thức setInterval() Thiết lập đồng hồ đếm.

Thông báo

Nếu cần xóa khoảng thời gian, hãy sử dụng setInterval() ID được trả về:

myInterval = setInterval(function, milliseconds);

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

clearInterval(myInterval);

Xin xem thêm:

Phương thức setInterval()

方法 setTimeout()

Phương thức clearTimeout()

Mô hình

Ví dụ 1

Hiển thị thời gian mỗi giây. Dừng bằng cách sử dụng clearInterval():

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Thử ngay

Ví dụ 2

Chuyển đổi giữa hai màu nền mỗi 500毫秒:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Thử ngay

Ví dụ 3

Tạo thanh tiến trình động bằng cách sử dụng setInterval() và clearInterval():

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    }
      width++;
      element.style.width = width + '%';
    }
  }
}

Thử ngay

Ngữ pháp

clearInterval(intervalId)

Tham số

Tham số Mô tả
intervalId Bắt buộc. Từ setInterval() ID khoảng cách trả về.

Trả về

Không có.

Giải thích

clearInterval() phương thức sẽ dừng mã thực hiện định kỳ, các thao tác với mã này là gọi Phương thức setInterval() bắt đầu. Các tham số intervalId phải là gọi Phương thức setInterval() trả về sau khi thực hiện.

Trình duyệt hỗ trợ

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

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