วิธี Window clearTimeout()

การเขียนและการใช้งาน

clearTimeout() วิธีการลบ วิธี setTimeout() ตั้งเวลานับความล่าช้าที่กำหนด

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

ถ้าต้องการลบเวลานับความล่าช้า ใช้ วิธี setTimeout() รหัสที่ได้รับ:

myTimeout = setTimeout(function, milliseconds);

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

clearTimeout(myTimeout);

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

วิธี setTimeout()

วิธี setInterval()

วิธี clearInterval()

ตัวอย่าง

ตัวอย่าง 1

ย่อยทางเลี้ยงเพื่อป้องกันการทำงานของ myGreeting() ที่จะทำงาน:

const myTimeout = setTimeout(myGreeting, 3000);
function myGreeting() {
  document.getElementById("demo").innerHTML = "Happy Birthday to You !!"
}
function myStopFunction() {
  clearTimeout(myTimeout);
}

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

ตัวอย่าง 2

ตัวอย่างนี้มีปุ่ม "เริ่ม" สำหรับเริ่มเคลื่อนไหวตัวแทนเวลา, ช่องบอกเลขเพื่อนับ และปุ่ม "หยุด" สำหรับหยุดตัวแทนเวลา:

<button onclick="startCount()">เริ่มนับ!</button>
<input type="text" id="demo">
<button onclick="stopCount()">หยุดนับ!</button>
<script>
let counter = 0;
let timeout;
let timer_on = 0;
function timedCount() {
  document.getElementById("demo").value = counter;
  counter++;
  timeout = setTimeout(timedCount, 1000);
}
function startCount() {
  if (!timer_on) {
    timer_on = 1;
    timedCount();
  }
}
function stopCount() {
  clearTimeout(timeout);
  timer_on = 0;
}
</script>

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

ภาษาการเขียน

clearTimeout(timeoutId)

ค่าเข้า

ค่าเข้า รายละเอียด
timeoutId จำเป็นวิธี setTimeout() ค่า id ที่ส่งกลับ

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

ไม่มี

ชี้แจง

clearTimeout() วิธีเพื่อยกเลิกการทำงานของโค้ดที่กำหนด วิธี setTimeout() สามารถลองระยะเวลาการทำงานเหล่านี้ได้ timeoutId คือการเรียก วิธี setTimeout() ค่าที่ส่งกลับหลังจากการเรียกใช้ timeoutId นี้ หมายถึงบล็อคการทำงานที่เลื่อนเวลาที่ต้องยกเลิก (สามารถมีหลายบล็อค)。

เซิร์ฟเวอร์สนับสนุน

所有浏览器都支持 clearTimeout()：

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