मुफ़्त पोमोडोरो टाइमर

यह कैसे काम करता है

यह Pomodoro टाइमर शून्य बाहरी लाइब्रेरी के साथ पूरी तरह ब्राउज़र में चलता है। काउंटडाउन Date.now() का उपयोग करके एक wall-clock टाइमस्टैम्प पर एंकर किया जाता है ताकि बैकग्राउंड-टैब थ्रॉटलिंग टाइमर को धीमा न कर सके, और सभी नोटिफ़िकेशन साउंड Web Audio API के ज़रिए माँग पर सिंथेसाइज़ किए जाते हैं — कोई ऑडियो फ़ाइल डाउनलोड नहीं होती।

1. 1
   Wall-clock काउंटडाउन इंजन

   जब आप Start दबाते हैं, टाइमर एक एब्सोल्यूट एंड टाइमस्टैम्प रिकॉर्ड करता है (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
   सेटिंग्स और दैनिक काउंट स्थायित्व

   आपकी कस्टम अवधियाँ और आज का पूरा-किए-पोमोडोरो का काउंट दो अलग की के तहत localStorage में लिखे जाते हैं। पेज लोड पर टूल उन्हें वापस पढ़ता है, हर वैल्यू को अनुमत रेंज के मुक़ाबले मान्य करता है, और टाइमर को फिर से हाइड्रेट करता है — इसलिए आपकी सेटिंग्स बिना किसी सर्वर राउंड-ट्रिप के पेज रीफ़्रेश से बच जाती हैं।

संबंधित टूल