Window clearInterval ()
Thí dụ
Hiển thị thời gian mỗi giây một lần. Sử dụng clearInterval () để dừng thời gian:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Phương clearInterval()
thức xóa bộ hẹn giờ với
setInterval()
phương thức.
Ghi chú
Để xóa một khoảng thời gian, hãy sử dụng id được trả về từ setInterval ():
myInterval = setInterval(function, milliseconds);
Sau đó, bạn có thể dừng việc thực thi bằng cách gọi clearInterval ():
clearInterval(myInterval);
Xem thêm:
Cú pháp
clearInterval(intervalId)
Thông số
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
Giá trị trả lại
KHÔNG AI |
Các ví dụ khác
Chuyển đổi giữa hai màu nền cứ sau 500 mili giây một lần:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Sử dụng setInterval () và clearInterval () để tạo thanh tiến trình động:
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Hỗ trợ trình duyệt
clearInterval()
được hỗ trợ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |