ข้ามไปยังเนื้อหาหลัก

นาฬิกา Pomodoro ฟรี

มีสมาธิด้วยเทคนิค Pomodoro ปรับระยะเวลาทำงานและพัก ติดตามรอบที่เสร็จ และฟังเสียงเตือนเมื่อแต่ละช่วงสิ้นสุด

ใช้งานได้แบบออฟไลน์เมื่อโหลดแล้ว
25:00โฟกัส

ทางลัด: Space เริ่มต้น/หยุดชั่วคราว · R รีเซ็ต · S ข้าม

ค่าที่ตั้งไว้ล่วงหน้า (โฟกัส/พัก)
0
โพโมโดโรวันนี้
0 / 4
เซสชัน
0
นาทีที่โฟกัส

การใช้งานทั่วไป

  • ตัวจับเวลา Pomodoro สำหรับการเรียนใช้เทคนิค Pomodoro เพื่อศึกษาอย่างมีประสิทธิภาพมากขึ้น: ทำงานในเซสชันโฟกัส 25 นาทีพร้อมแบ่ง 5 นาที
  • ตัวจับเวลา Pomodoro สำหรับการทำงานจากระยะไกลสู้กับสิ่งรบกวนเวลาทำงานที่บ้านด้วยเซสชัน Pomodoro ที่เป็นระบบ ติดตามเวลาโฟกัสและบังคับพักเป็นประจำ
  • ตัวจับเวลา Pomodoro สำหรับโครงการเขียนใช้เซสชัน Pomodoro เพื่อเอาชนะตัวบล็อก นักเขียนและรักษาแรงบันดาลใจในการเขียนในเรียงความ รายงาน หรือผลงานสร้างสรรค์
  • ตัวจับเวลา Pomodoro สำหรับการเขียนโปรแกรมใช้เซสชันโฟกัสที่มีโครงสร้างเพื่อเขียนโปรแกรมอย่างมีประสิทธิภาพมากขึ้น: หลีกเลี่ยงการรบกวนสถานะการไหลพร้อมทำให้มั่นใจการพักผ่อนปกติ
  • ตัวจับเวลา Pomodoro สำหรับโฟกัสและ ADHDช่วงเวลาการทำงานที่มีโครงสร้างช่วยให้บุคคลที่มี ADHD รักษาความเข้าใจและทำให้งานที่ยากขึ้นง่ายต่อการจัดการ

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

ตัวจับเวลา Pomodoro นี้ทำงานในเบราว์เซอร์ทั้งหมดโดยไม่มีไลบรารีภายนอก การนับถอยหลังยึดกับ timestamp ของนาฬิกาจริงด้วย Date.now() การลดความถี่แท็บเบื้องหลังจึงทำให้ตัวจับเวลาช้าลงไม่ได้ และเสียงแจ้งเตือนทั้งหมดสังเคราะห์ตามต้องการผ่าน Web Audio API — ไม่มีการดาวน์โหลดไฟล์เสียง

  1. 1
    เอนจินนับถอยหลังตามนาฬิกาจริง
    เมื่อคุณกดเริ่ม ตัวจับเวลาจะบันทึก timestamp สิ้นสุดแบบสัมบูรณ์ (Date.now() บวกวินาทีที่เหลือ) ทุก 500 ms setInterval จะคำนวณวินาทีที่เหลือใหม่โดยลบเวลาปัจจุบันออกจากจุดสิ้นสุดคงที่นั้น หากเบราว์เซอร์ลดความถี่ของแท็บ คณิตศาสตร์จะแก้ไขตัวเองทันทีที่รอบถัดไปทำงาน
  2. 2
    ซิงค์ใหม่เมื่อกลับมาที่แท็บ
    ตัวรับเหตุการณ์ visibilitychange เรียกฟังก์ชันซิงค์เดียวกันทันทีที่คุณสลับกลับมาที่แท็บ การแสดงผลจึงข้ามไปยังเวลาที่เหลือที่ถูกต้องทันทีแทนที่จะรอรอบ 500 ms ถัดไป — สำคัญเมื่อแท็บอยู่เบื้องหลังเป็นเวลานาน
  3. 3
    สังเคราะห์เสียงด้วย Web Audio API
    เสียงแจ้งเตือนทั้งสาม (classic, chime, digital) สร้างขึ้นทั้งหมดโดย AudioContext ในตัวของเบราว์เซอร์ — OscillatorNode กำหนดความถี่และชนิดคลื่น (sine หรือ square) และ GainNode ใช้การไล่ระดับเสียงแบบเอกซ์โพเนนเชียลเพื่อสร้างเปลือกเสียง ไม่มีการดึงหรือถอดรหัสไฟล์เสียง
  4. 4
    บันทึกการตั้งค่าและจำนวนรายวัน
    ระยะเวลาที่กำหนดเองและจำนวน pomodoro ที่ทำเสร็จวันนี้ถูกเขียนลง localStorage ภายใต้สองคีย์แยกกัน เมื่อโหลดหน้า เครื่องมือจะอ่านกลับ ตรวจทุกค่าเทียบกับช่วงที่อนุญาต และคืนสถานะตัวจับเวลา — การตั้งค่าจึงคงอยู่หลังรีเฟรชหน้าโดยไม่ต้องเรียกเซิร์ฟเวอร์

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

คำถามที่พบบ่อย