เคาน์เตอร์ผ่านฟังก์ชัน setInterval ใน JavaScript

แน่นอนว่ามันไม่น่าสนใจนักที่ตัวจับเวลาของเรา แสดงผลเหมือนเดิมทุกครั้ง มาทำให้งานของเราซับซ้อนขึ้น และทำให้ตัวเลขแสดงในคอนโซลเพิ่มขึ้นในแต่ละวินาที: เริ่มจาก 1 แล้วก็ 2, ตามด้วย 3 และต่อไปเรื่อยๆ

สำหรับสิ่งนี้ เราต้องการตัวแปรตัวนับ, ซึ่งจะเก็บค่าของมันระหว่างการเรียกใช้งานฟังก์ชัน เข้าใจไม่ยากว่า เราสามารถสร้างตัวแปรโกลบอลได้ง่ายๆ:

let i = 0; // ตัวแปรโกลบอล

setInterval(function() {
	i++;
	console.log(i);
}, 1000);

มาเขียนใหม่ให้กระชับขึ้น:

let i = 0;
setInterval(function() {
	console.log(++i);
}, 1000);

หรือกระชับยิ่งขึ้นด้วยฟังก์ชันลูกศร:

let i = 0;
setInterval(() => console.log(++i), 1000);

สมมติว่ามีตัวแปรที่เก็บตัวเลข 100 ไว้ตั้งแต่เริ่ม เริ่มตัวจับเวลาซึ่งจะลดค่าของตัวแปรนี้ลง 1 ทุกวินาทีและแสดงค่านั้นในคอนโซล