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

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

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

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

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

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

let i = 0;

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

สมมติมีตัวแปรที่เก็บค่าเริ่มต้นเป็นตัวเลข 10 เริ่มตัวจับเวลาที่จะลดค่าของตัวแปรนี้ลง 1 ทุกวินาทีและแสดงค่านี้ในคอนโซล เมื่อค่าของตัวแปร ถึงศูนย์ - ให้หยุดตัวจับเวลา