คุณสามารถสร้างตัวจับเวลาถอยหลังใน Javascript โดยใช้ setIntervalmethod เมธอด setInterval() เรียกใช้ฟังก์ชันซ้ำๆ หรือรันข้อมูลโค้ดโดยมีการหน่วงเวลาคงที่ระหว่างการโทรแต่ละครั้ง
ในการสร้างการนับถอยหลัง เราจำเป็นต้องตรวจสอบความแตกต่างระหว่างเวลาปัจจุบันและเวลาสุดท้ายและอัปเดตการนับถอยหลังต่อไป ตัวอย่างเช่น
ตัวอย่าง
let countDownDate =new Date("Jul 21, 2020 00:00:00").getTime();let x =setInterval(() => { let now =new Date().getTime(); ให้ระยะทาง =countDownDate - ตอนนี้ // การคำนวณเวลาสำหรับวัน ชั่วโมง นาทีและวินาทีให้วัน =Math.floor(ระยะทาง / (1000 * 60 * 60 * 24)); ให้ชั่วโมง =Math.floor ((ระยะทาง % (1000 *) 60 * 60 * 24)) / (1000 * 60 * 60)); ให้นาที =Math.floor((ระยะทาง % (1000 * 60 * 60)) / (1000 * 60)); ให้วินาที =Math.floor( (ระยะทาง % (1000 * 60)) / 1000); console.log(วัน + "d " + ชั่วโมง + "h " + นาที + "m " + วินาที + "s"); // หากการนับถอยหลังเสร็จสิ้น , เขียนข้อความ if (distance <0) { clearInterval(x); console.log("completed") }}, 1000); ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ -
310d 0h 6m 46s310d 0h 6m 45s310d 0h 6m 44s310d 0h 6m 43s310d 0h 6m 42s310d 0h 6m 41s310d 0h 6m 40s310d 0h 6m 39s310d 0h 6m 38s310d 0h 6m 37s310d 0h 6m 35s310d 6h 0h 0h
