مؤقت بومودورو مجانًا

كيف يعمل

يعمل مؤقت بومودورو هذا بالكامل في المتصفح دون أي مكتبات خارجية. يرتبط العد التنازلي بطابع زمني لساعة الحائط باستخدام Date.now() فلا يمكن لإبطاء التبويبات في الخلفية أن يبطئ المؤقت، وتُولَّد كل أصوات التنبيه عند الطلب عبر Web Audio API — دون تنزيل أي ملفات صوتية.

1. 1
   محرك عد تنازلي بساعة الحائط

   عند الضغط على «ابدأ»، يسجل المؤقت طابع نهاية مطلقًا (Date.now() مع الثواني المتبقية). وكل 500 ms، يعيد setInterval حساب الثواني المتبقية بطرح الوقت الحالي من تلك النقطة الثابتة. وإذا أبطأ المتصفح التبويب، يصحح الحساب نفسه لحظة إطلاق النبضة التالية.
2. 2
   إعادة المزامنة عند التركيز على التبويب

   يطلق مستمع حدث visibilitychange دالة المزامنة نفسها لحظة عودتك إلى التبويب. وهذا يعني أن العرض يقفز فورًا إلى الوقت المتبقي الصحيح بدلًا من انتظار النبضة التالية بعد 500 ms — وهو أمر مهم عندما يبقى التبويب في الخلفية لفترة طويلة.
3. 3
   توليد الأصوات بـ Web Audio API

   تُولَّد أصوات التنبيه الثلاثة (كلاسيكي، ورنين، ورقمي) بالكامل بواسطة AudioContext المدمج في المتصفح — يضبط OscillatorNode التردد ونوع الموجة (جيبية أو مربعة)، ويطبق GainNode منحدر صوت أسيًا لتشكيل الغلاف. لا تُجلب أي ملفات صوتية ولا تُفك.
4. 4
   حفظ الإعدادات والعدد اليومي

   تُكتب المدد المخصصة وعدد جلسات البومودورو المكتملة اليوم في localStorage تحت مفتاحين منفصلين. عند تحميل الصفحة تقرأها الأداة، وتتحقق من كل قيمة مقابل النطاقات المسموح بها، وتعيد تهيئة المؤقت — فتبقى إعداداتك بعد تحديث الصفحة دون أي ذهاب وإياب إلى خادم.

أدوات ذات صلة