Cửa sổ ClearInterval()
Ví 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);
}
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức clearInterval()
xóa bộ hẹn giờ bằng phương thức setInterval()
.
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ả về
KHÔNG CÓ |
Thêm ví dụ
Chuyển đổi giữa hai màu nền cứ sau 500 mili giây:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Hãy tự mình thử »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ãy tự mình thử »Hỗ trợ trình duyệt
clearInterval()
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |