นาฬิกาจับเวลา ฟรี

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

นาฬิกาจับเวลานี้ทำงานในเบราว์เซอร์ทั้งหมดด้วย performance.now() API ในตัวของเบราว์เซอร์ — ตัวจับเวลาความละเอียดสูงแบบ monotonic — ขับเคลื่อนด้วยลูป requestAnimationFrame ที่วาดการแสดงผลใหม่ทุกเฟรมแอนิเมชัน (ปกติ 60 ครั้งต่อวินาที) ไม่มีเซิร์ฟเวอร์เกี่ยวข้องในทุกขั้นตอน

1. 1
   performance.now() วัดเวลา

   เมื่อคุณกดเริ่ม เครื่องมือบันทึกจุดอ้างอิงด้วย performance.now() ทุกเฟรมแอนิเมชัน การแสดงผลจะลบจุดอ้างอิงนั้นออกจากค่า performance.now() ปัจจุบันเพื่อคำนวณมิลลิวินาทีที่ผ่านไป — หลีกเลี่ยงปัญหานาฬิกาคลาดที่มาจากการเรียก setInterval ซ้ำ ๆ
2. 2
   requestAnimationFrame ขับเคลื่อนการแสดงผล

   แทนที่จะใช้ตัวจับเวลาช่วงคงที่ ตัวเลขที่แสดงอัปเดตภายในลูป requestAnimationFrame ทำให้การแสดงผลซิงค์กับไปป์ไลน์การเรนเดอร์ของเบราว์เซอร์เอง ตัวนับเซนติวินาทีจึงเลื่อนอย่างราบรื่นและไม่ทำงานเร็วกว่าที่หน้าจอรีเฟรชได้
3. 3
   localStorage เก็บเซสชันที่กำลังทำงาน

   ทุกครั้งที่เริ่ม หยุด หรือบันทึกรอบ เครื่องมือเขียนสแนปช็อตลง localStorage — รวม timestamp อ้างอิงนาฬิกาจริง หากคุณโหลดหน้าใหม่ระหว่างทำงาน นาฬิกาจับเวลาจะอ่านจุดอ้างอิงนั้น คำนวณมิลลิวินาทีที่ผ่านไปตั้งแต่เขียน และทำงานต่อจากเวลาที่ถูกต้อง
4. 4
   ส่งออกรอบเป็นข้อความคั่นด้วยแท็บหรือ CSV

   แต่ละรอบเก็บทั้งเวลาสปลิต (ผลต่างจากรอบก่อนหน้า) และผลรวมสะสม คัดลอกทั้งหมด เขียนแถวที่คั่นด้วยแท็บลงคลิปบอร์ดผ่าน navigator.clipboard.writeText ดาวน์โหลด CSV สร้าง Blob แบบ UTF-8 BOM ไฟล์จึงเปิดใน Excel ได้ถูกต้องโดยไม่ต้องใช้ตัวช่วยนำเข้า

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