निःशुल्क पोमोडोरो टाइमर

यो कसरी काम गर्छ

यो Pomodoro टाइमर शून्य बाह्य लाइब्रेरीसहित पूर्ण रूपमा ब्राउजरमा चल्छ। काउन्टडाउन Date.now() प्रयोग गरी एउटा वाल-क्लक टाइमस्ट्याम्पमा एङ्कर गरिएको छ त्यसैले पृष्ठभूमि-ट्याब थ्रोटलिङले टाइमर सुस्त्याउन सक्दैन, र सबै सूचना आवाजहरू Web Audio API मार्फत अनुरोधमा संश्लेषित हुन्छन् — कुनै अडियो फाइल डाउनलोड हुँदैन।

1. 1
   वाल-क्लक काउन्टडाउन इन्जिन

   तपाईंले 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
   सेटिङ र दैनिक गणना दृढता

   तपाईंका कस्टम अवधिहरू र आजको पूरा भएको-pomodoro गणना localStorage मा दुई छुट्टाछुट्टै कुञ्जीमुनि लेखिन्छन्। पृष्ठ लोडमा उपकरणले तिनलाई फेरि पढ्छ, हरेक मान अनुमति दिइएको दायराविरुद्ध प्रमाणित गर्छ, र टाइमर पुनर्जीवित गर्छ — त्यसैले तपाईंका सेटिङहरू कुनै सर्भर राउन्ड-ट्रिप बिना पृष्ठ रिफ्रेशबाट जोगिन्छन्।

सम्बन्धित उपकरणहरू