นับถอยหลัง ฟรี

วิธีการทำงาน

ตัวจับเวลาถอยหลังทำงานในเบราว์เซอร์ทั้งหมดโดยไม่พึ่งพาสิ่งภายนอก — ไม่มีไลบรารี ไม่มีการเรียกเซิร์ฟเวอร์ ใช้ setInterval ทุก 1 วินาทีที่คำนวณช่วงห่างระหว่าง Date.now() กับเวลาเป้าหมายที่เก็บไว้ในทุกรอบ การแสดงผลจึงแม่นยำแม้แท็บอยู่เบื้องหลังหรือนาฬิกาอุปกรณ์คลาดเคลื่อน

1. 1
   ตั้งเป้าหมาย

   เลือกโหมดระยะเวลา (ชั่วโมง นาที วินาที) หรือสลับเป็นโหมดวันที่/เวลาเพื่อนับถอยหลังถึงช่วงเวลาที่ระบุ ปุ่มค่าสำเร็จรูปห้าปุ่ม (5 นาทีถึง 24 ชั่วโมง) ข้ามการป้อนทั้งหมดและเริ่มจับเวลาทันที
2. 2
   รอบเวลาเทียบกับเป้าหมายคงที่

   เมื่อเริ่ม เครื่องมือจะเก็บเป้าหมายแบบสัมบูรณ์เป็นออบเจกต์ Date และเรียก setInterval ทุก 1000 ms แต่ละรอบเรียก Date.now() แล้วลบจากเป้าหมาย — รอบที่พลาด (แท็บหลับ CPU ยุ่ง) จึงแก้ไขตัวเองในรอบถัดไปแทนที่จะสะสมความล่าช้า
3. 3
   การแสดงผลแบบปรับได้และสะท้อนในแท็บ

   การแสดงผลตัดหน่วยที่เป็นศูนย์นำหน้าออกอัตโนมัติ — ตัวจับเวลา 45 วินาทีแสดงเฉพาะวินาทีด้วยตัวอักษรใหญ่ ส่วนตัวจับเวลาหลายวันแสดงทั้งสี่หน่วยด้วยขนาดเล็กลง เวลาที่เหลือยังถูกเขียนลงใน document.title การนับถอยหลังจึงอ่านได้ในแท็บที่ย่อหรืออยู่เบื้องหลัง
4. 4
   เสียงระฆัง Web Audio เมื่อจบ

   เมื่อนับถอยหลังถึงศูนย์ Web Audio API ในตัวของเบราว์เซอร์ (AudioContext + OscillatorNode) จะสังเคราะห์เสียงระฆังคลื่นไซน์ 880 Hz สามจังหวะ — ไม่มีการดาวน์โหลดไฟล์เสียง การหยุดชั่วคราว เล่นต่อ และ URL ที่แชร์ได้ (เข้ารหัส epoch เป้าหมายใน fragment #to= ซึ่งไม่เคยถึงเซิร์ฟเวอร์) ก็จัดการฝั่งไคลเอนต์ทั้งหมด

เครื่องมือที่เกี่ยวข้อง