การหยุดจับเวลา JavaScript

คุณรู้แล้ววิธีเริ่มจับเวลา ตอนนี้มาเรียนรู้วิธีหยุดมันกัน เพื่อสิ่งนี้คุณจำเป็นต้องรู้ว่า ทุกตัวจับเวลาที่เริ่มด้วยฟังก์ชัน setInterval มีหมายเลขเฉพาะของตัวเอง ฟังก์ชัน setInterval จะคืนหมายเลขนี้มาในตอนที่เริ่มจับเวลา:

javascriptlet timerId = setInterval(function() {
  console.log('!')
}, 1000);

alert(timerId); // แสดงหมายเลขตัวจับเวลา

สำหรับการหยุดจับเวลา ใช้ฟังก์ชัน clearInterval ซึ่งรับหมายเลขเฉพาะของตัวจับเวลา ที่ต้องการหยุด

สำหรับตัวอย่าง มาเริ่มตัวจับเวลาที่แสดงตัวเลขเรียงจากน้อยไปมากในคอนโซล เริ่มจาก 1 หยุดตัวจับเวลาเมื่อแสดงตัวเลข 10 ออกทางหน้าจอแล้ว:

javascriptlet i = 0;

let timerId = setInterval(function() {
  console.log(++i);
  
  if (i >= 10) {
    clearInterval(timerId);
  }
}, 1000);