ตัวอย่าง
แสดงเวลาปัจจุบัน (the setInterval() วิธีการจะดำเนินการฟังก์ชั่นทุกๆ 1 วินาทีเช่นเดียวกับนาฬิกาดิจิตอล) ใช้ clearInterval() จะหยุดเวลา:
var myVar = setInterval(function(){ myTimer() }, 1000);
function myTimer()
{
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}
function myStopFunction()
{
clearInterval(myVar);
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
clearInterval() วิธีการล้างจับเวลาตั้งค่าด้วย setInterval() วิธีการ
ค่า ID ที่ส่งกลับโดย setInterval() ถูกนำมาใช้เป็นพารามิเตอร์สำหรับ clearInterval() วิธีการ
หมายเหตุ: เพื่อให้สามารถใช้ clearInterval() วิธีการที่คุณต้องใช้ตัวแปรทั่วโลกเมื่อมีการสร้างวิธีการช่วงเวลา:
myVar = setInterval(" แล้วคุณจะสามารถที่จะหยุดการทำงานโดยการเรียก clearInterval () วิธีการ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ
Method
clearInterval()
1.0
4.0
1.0
1.0
4.0
วากยสัมพันธ์
clearInterval( ค่าพารามิเตอร์ พารามิเตอร์ ลักษณะ id_of_setinterval จำเป็นต้องใช้ รหัสของตัวตั้งเวลาส่งกลับโดย setInterval() วิธีการ
รายละเอียดทางเทคนิค
กลับค่า: ไม่มีค่าตอบแทน
ตัวอย่างอื่น ๆ
ตัวอย่าง
สลับไปมาระหว่างสองสีพื้นหลังหนึ่งครั้งทุก 300 มิลลิวินาทีจนกว่าจะมีการหยุดโดย clearInterval() :
var myVar = setInterval(function(){ setColor() }, 300);
function
setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" :
"yellow";
}
function stopColor() {
clearInterval(myVar);
} ลองตัวเอง»
ตัวอย่าง
ใช้ setInterval() และ clearInterval() เพื่อสร้างแถบความคืบหน้าแบบไดนามิก:
function move() {
var elem = document.getElementById("myBar");
var width = 0;
var id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
} ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
วัตถุหน้าต่าง: href="met_win_setinterval.html"> setInterval() Method
วัตถุหน้าต่าง: href="met_win_settimeout.html"> setTimeout() Method
วัตถุหน้าต่าง: href="met_win_cleartimeout.html"> clearTimeout() Method
<หน้าต่างวัตถุ