मोफत पोमोडोरो टायमर

हे कसे कार्य करते

हा Pomodoro टायमर शून्य बाह्य लायब्ररींसह पूर्णपणे ब्राउझरमध्ये चालतो. काउंटडाउन Date.now() वापरून wall-clock टाइमस्टॅम्पला जोडलेला आहे त्यामुळे background-tab throttling टायमरला हळू करू शकत नाही, आणि सर्व सूचना आवाज गरजेनुसार Web Audio API द्वारे संश्लेषित होतात — कोणतीही ऑडिओ फाइल डाउनलोड होत नाही.

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

   तुम्ही Start दाबता तेव्हा, टायमर निरपेक्ष शेवट टाइमस्टॅम्प (Date.now() अधिक उरलेली सेकंद) नोंदवतो. दर 500 ms, setInterval त्या निश्चित शेवट-बिंदूतून सध्याची वेळ वजा करून किती सेकंद उरले आहेत ते पुन्हा मोजते. ब्राउझरने टॅब throttle केल्यास, पुढील tick फायर होताच गणित स्वतःहून दुरुस्त होते.
2. 2
   Tab-focus पुनर्-सिंक

   एक visibilitychange event listener तुम्ही टॅबकडे परत सेलगताच तोच sync फंक्शन फायर करतो. याचा अर्थ पुढील 500 ms tick ची वाट न पाहता डिस्प्ले लगेच योग्य उरलेल्या वेळेकडे जातो — टॅब बराच वेळ background मध्ये असताना महत्त्वाचे.
3. 3
   Web Audio API आवाज संश्लेषण

   तीन इशारा आवाज (classic, chime, digital) ब्राउझरच्या बिल्ट-इन AudioContext ने पूर्णपणे तयार होतात — OscillatorNode वारंवारता व waveform प्रकार (sine किंवा square) सेट करतो, आणि GainNode envelope आकार देण्यासाठी exponential व्हॉल्यूम ramp लावतो. कोणतीही ऑडिओ फाइल आणली किंवा डीकोड केली जात नाही.
4. 4
   सेटिंग्ज आणि दैनिक मोजणी टिकून राहते

   तुमचे कस्टम कालावधी आणि आजची पूर्ण-झालेल्या-pomodoro मोजणी दोन वेगळ्या keys खाली localStorage मध्ये लिहिली जातात. page लोडवर साधन त्यांना परत वाचते, प्रत्येक मूल्य परवानगी असलेल्या श्रेणींविरुद्ध प्रमाणित करते, आणि टायमरला पुन्हा hydrate करते — त्यामुळे तुमची सेटिंग्ज कोणत्याही सर्व्हर राउंड-ट्रिपशिवाय page रिफ्रेशला टिकतात.

संबंधित साधने