หน้าต่าง clearInterval()
ตัวอย่าง
แสดงเวลาทุกวินาที ใช้ clearInterval() เพื่อหยุดเวลา:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
วิธี การclearInterval()
ล้างตัวจับเวลาที่ตั้งไว้ด้วย
setInterval()
วิธีการ
บันทึก
หากต้องการล้างช่วงเวลา ให้ใช้id ที่ ส่งคืนจาก setInterval():
myInterval = setInterval(function, milliseconds);
จากนั้นคุณสามารถหยุดการดำเนินการได้โดยเรียก clearInterval():
clearInterval(myInterval);
ดูสิ่งนี้ด้วย:
ไวยากรณ์
clearInterval(intervalId)
พารามิเตอร์
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
คืนมูลค่า
ไม่มี |
ตัวอย่างเพิ่มเติม
สลับระหว่างสีพื้นหลังสองสีทุกๆ 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);
}
ใช้ setInterval() และ clearInterval() เพื่อสร้างแถบความคืบหน้าแบบไดนามิก:
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 + '%';
}
}
}
รองรับเบราว์เซอร์
clearInterval()
รองรับในทุกเบราว์เซอร์:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |