Window clearInterval() วิธี

คำนำออกและวิธีใช้

clearInterval() วิธีการลบ วิธี set看Interval() ตั้งค่าตัวเวลา

ข้อความเตือน

ถ้าต้องการลบเวลาตั้งค่า ใช้ set看Interval() id ที่ส่งกลับ:

myInterval = setInterval(function, milliseconds);

หลังจากนั้นคุณสามารถเรียกใช้ clearInterval() เพื่อหยุดการทำงาน:

clear看Interval(myInterval);

ดูเพิ่มเติม:

วิธี set看Interval()

setTimeout() วิธี

วิธี clearTimeout()

ตัวอย่าง

ตัวอย่าง 1

แสดงเวลาทุกวินาที ใช้ clearInterval() หยุดเวลา

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

สลับสีพื้นหลังทั้งสองครั้งใน 500 มิลลิวินาที

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

สร้างบาร์ความความก้าวหน้าแบบเคลื่อนไหวด้วย setInterval() และ clearInterval()

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

ทดลองด้วยตัวเอง

รูปแบบการใช้งาน

clear看Interval(intervalId)

ตัวแปร

ตัวแปร คำอธิบาย
intervalId จำเป็น set看Interval() id ช่องว่างที่ส่งกลับ

ค่าที่ส่งกลับ

ไม่มีข้อมูล

ชี้แจง

clearInterval() วิธีจะหยุดการปฏิบัติงานประจำช่วงเวลาที่กำหนด การปฏิบัติต่อรหัสนี้คือการเรียก วิธี set看Interval() เพื่อเริ่มต้น intervalId ต้องเรียก วิธี set看Interval() ค่าที่ส่งกลับหลังจากนั้น。

โปรแกรมบราวเซอร์สนับสนุน

ทุกเบราซเรอร์ทุกชุดยุทธศาสตร์ต่าง ๆ รองรับ clearInterval()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน