मोफत काउंटडाउन टायमर

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

काउंटडाउन टायमर शून्य बाह्य अवलंबित्वांसह पूर्णपणे तुमच्या ब्राउझरमध्ये चालतो — लायब्ररी, सर्व्हर कॉल नाही. तो प्रत्येक टिकला Date.now() आणि साठवलेला लक्ष्य टाइमस्टॅम्प यामधील अंतर मोजणारा 1-सेकंद setInterval वापरतो, त्यामुळे टॅब बॅकग्राउंडमध्ये असला किंवा डिव्हाइसचे घड्याळ सरकले तरी डिस्प्ले अचूक राहतो.

1. 1
   लक्ष्य सेट करा

   कालावधी मोड (तास, मिनिटे, सेकंद) निवडा किंवा विशिष्ट क्षणापर्यंत काउंटडाउन करण्यासाठी तारीख/वेळ मोडवर स्विच करा. पाच त्वरित-प्रीसेट बटणे (5 मिनिट ते 24 तास) इनपुट्स पूर्णपणे वगळतात आणि टायमर लगेच सुरू करतात.
2. 2
   अंतराल निश्चित लक्ष्याविरुद्ध टिकते

   सुरू केल्यावर, साधन निरपेक्ष लक्ष्य Date ऑब्जेक्ट म्हणून साठवते आणि दर 1000 ms setInterval फायर करते. प्रत्येक टिक Date.now() कॉल करते आणि लक्ष्यातून वजा करते — त्यामुळे चुकलेले टिक्स (टॅब झोपेत, CPU व्यस्त) lag जमा होण्याऐवजी पुढील टिकवर स्वतःहून दुरुस्त होतात.
3. 3
   अनुकूल डिस्प्ले आणि टॅब mirroring

   डिस्प्ले आपोआप आघाडीच्या शून्य एककांना काढतो — 45-सेकंदाचा टायमर मोठ्या प्रकारात फक्त सेकंद दाखवतो, तर बहु-दिवसीय टायमर लहान आकारात सर्व चार एकके दाखवतो. उरलेली वेळ document.title मध्येही लिहिली जाते त्यामुळे minimized किंवा background टॅबमध्येही काउंटडाउन वाचनीय राहते.
4. 4
   संपल्यावर Web Audio chime

   काउंटडाउन शून्यावर पोहोचल्यावर, ब्राउझरचे बिल्ट-इन Web Audio API (AudioContext + OscillatorNode) triple-pulse 880 Hz sine-wave chime संश्लेषित करते — कोणतीही ऑडिओ फाइल डाउनलोड होत नाही. Pause, resume, आणि शेअर करण्यायोग्य URL (लक्ष्य epoch #to= fragment मध्ये एन्कोड करत, जे कधीच सर्व्हरपर्यंत पोहोचत नाही) देखील पूर्णपणे क्लायंट-साइड हाताळले जातात.

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