ಉಚಿತ ಕೌಂಟ್‌ಡೌನ್ ಟೈಮರ್

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಕೌಂಟ್‌ಡೌನ್ ಟೈಮರ್ ಶೂನ್ಯ ಬಾಹ್ಯ ಅವಲಂಬನೆಗಳೊಂದಿಗೆ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ — ಯಾವುದೇ ಲೈಬ್ರರಿಗಳಿಲ್ಲ, ಸರ್ವರ್ ಕರೆಗಳಿಲ್ಲ. ಇದು ಪ್ರತಿ ಟಿಕ್‌ನಲ್ಲಿ Date.now() ಮತ್ತು ಸಂಗ್ರಹಿಸಿದ ಗುರಿ ಸಮಯಮುದ್ರೆಯ ನಡುವಿನ ಅಂತರವನ್ನು ಲೆಕ್ಕಹಾಕುವ 1-ಸೆಕೆಂಡ್ setInterval ಬಳಸುತ್ತದೆ, ಆದ್ದರಿಂದ ಟ್ಯಾಬ್ ಹಿನ್ನೆಲೆಗೆ ಹೋದರೂ ಅಥವಾ ಸಾಧನದ ಗಡಿಯಾರ ಡ್ರಿಫ್ಟ್ ಆದರೂ ಪ್ರದರ್ಶನ ನಿಖರವಾಗಿ ಉಳಿಯುತ್ತದೆ.

1. 1
   ಗುರಿ ಹೊಂದಿಸಿ

   ಅವಧಿ ಮೋಡ್ (ಗಂಟೆಗಳು, ನಿಮಿಷಗಳು, ಸೆಕೆಂಡುಗಳು) ಆಯ್ಕೆಮಾಡಿ ಅಥವಾ ನಿರ್ದಿಷ್ಟ ಕ್ಷಣಕ್ಕೆ ಕೌಂಟ್‌ಡೌನ್ ಮಾಡಲು ದಿನಾಂಕ/ಸಮಯ ಮೋಡ್‌ಗೆ ಬದಲಾಯಿಸಿ. ಐದು ತ್ವರಿತ-ಪ್ರಿಸೆಟ್ ಬಟನ್‌ಗಳು (5 ನಿಮಿ ನಿಂದ 24 ಗಂಟೆಗಳವರೆಗೆ) ಇನ್‌ಪುಟ್‌ಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬಿಟ್ಟುಬಿಟ್ಟು ಟೈಮರ್ ಅನ್ನು ತಕ್ಷಣ ಪ್ರಾರಂಭಿಸುತ್ತವೆ.
2. 2
   ಮಧ್ಯಂತರವು ನಿಗದಿತ ಗುರಿಯ ವಿರುದ್ಧ ಟಿಕ್ ಮಾಡುತ್ತದೆ

   ಪ್ರಾರಂಭಿಸಿದಾಗ, ಟೂಲ್ ಸಂಪೂರ್ಣ ಗುರಿಯನ್ನು Date ಆಬ್ಜೆಕ್ಟ್ ಆಗಿ ಸಂಗ್ರಹಿಸಿ ಪ್ರತಿ 1000 ms ಗೆ setInterval ಪ್ರಚೋದಿಸುತ್ತದೆ. ಪ್ರತಿ ಟಿಕ್ Date.now() ಕರೆಯುತ್ತದೆ ಮತ್ತು ಗುರಿಯಿಂದ ಕಳೆಯುತ್ತದೆ — ಆದ್ದರಿಂದ ತಪ್ಪಿಸಿಕೊಂಡ ಟಿಕ್‌ಗಳು (ಟ್ಯಾಬ್ ನಿದ್ರೆ, CPU ಬ್ಯುಸಿ) ಲ್ಯಾಗ್ ಸಂಚಯಿಸುವ ಬದಲು ಮುಂದಿನ ಟಿಕ್‌ನಲ್ಲಿ ಸ್ವಯಂ-ಸರಿಪಡಿಸುತ್ತವೆ.
3. 3
   ಹೊಂದಾಣಿಕೆ ಪ್ರದರ್ಶನ ಮತ್ತು ಟ್ಯಾಬ್ ಪ್ರತಿಬಿಂಬ

   ಪ್ರದರ್ಶನ ಮುಂಚೂಣಿ ಶೂನ್ಯ ಘಟಕಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಬಿಡುತ್ತದೆ — 45-ಸೆಕೆಂಡ್ ಟೈಮರ್ ದೊಡ್ಡ ಟೈಪ್‌ನಲ್ಲಿ ಸೆಕೆಂಡುಗಳನ್ನು ಮಾತ್ರ ತೋರಿಸುತ್ತದೆ, ಆದರೆ ಬಹು-ದಿನದ ಟೈಮರ್ ಎಲ್ಲಾ ನಾಲ್ಕು ಘಟಕಗಳನ್ನು ಚಿಕ್ಕ ಗಾತ್ರದಲ್ಲಿ ತೋರಿಸುತ್ತದೆ. ಉಳಿದ ಸಮಯವನ್ನು document.title ಗೆ ಬರೆಯಲಾಗುತ್ತದೆ ಆದ್ದರಿಂದ ಕಿರುಗೊಳಿಸಿದ ಅಥವಾ ಹಿನ್ನೆಲೆ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ಕೌಂಟ್‌ಡೌನ್ ಓದಬಲ್ಲದ್ದಾಗಿ ಉಳಿಯುತ್ತದೆ.
4. 4
   ಮುಗಿದಾಗ Web Audio ಚೈಮ್

   ಕೌಂಟ್‌ಡೌನ್ ಶೂನ್ಯ ತಲುಪಿದಾಗ, ಬ್ರೌಸರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ Web Audio API (AudioContext + OscillatorNode) ಟ್ರಿಪಲ್-ಪಲ್ಸ್ 880 Hz ಸೈನ್-ವೇವ್ ಚೈಮ್ ಸಂಶ್ಲೇಷಿಸುತ್ತದೆ — ಯಾವುದೇ ಆಡಿಯೋ ಫೈಲ್ ಡೌನ್‌ಲೋಡ್ ಆಗುವುದಿಲ್ಲ. ವಿರಾಮ, ಪುನರಾರಂಭ, ಮತ್ತು ಹಂಚಿಕೊಳ್ಳಬಹುದಾದ URL ಗಳು (ಗುರಿ ಎಪೊಕ್ ಅನ್ನು #to= ಫ್ರ್ಯಾಗ್ಮೆಂಟ್‌ನಲ್ಲಿ ಎನ್‌ಕೋಡ್ ಮಾಡುತ್ತದೆ, ಇದು ಎಂದಿಗೂ ಸರ್ವರ್‌ಗೆ ತಲುಪುವುದಿಲ್ಲ) ಸಹ ಸಂಪೂರ್ಣವಾಗಿ ಕ್ಲೈಂಟ್-ಸೈಡ್‌ನಲ್ಲಿ ನಿರ್ವಹಿಸಲಾಗುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು