ಉಚಿತ ಪೊಮೊಡೊರೊ ಟೈಮರ್

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

ಈ ಪೊಮೊಡೊರೊ ಟೈಮರ್ ಶೂನ್ಯ ಬಾಹ್ಯ ಲೈಬ್ರರಿಗಳೊಂದಿಗೆ ಸಂಪೂರ್ಣವಾಗಿ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಚಾಲನೆಯಾಗುತ್ತದೆ. ಕೌಂಟ್‌ಡೌನ್ ಅನ್ನು Date.now() ಬಳಸಿ ವಾಲ್-ಕ್ಲಾಕ್ ಟೈಮ್‌ಸ್ಟ್ಯಾಂಪ್‌ಗೆ ಆಂಕರ್ ಮಾಡಲಾಗಿದೆ ಆದ್ದರಿಂದ ಹಿನ್ನೆಲೆ-ಟ್ಯಾಬ್ ಥ್ರೊಟ್ಲಿಂಗ್ ಟೈಮರ್ ಅನ್ನು ನಿಧಾನಗೊಳಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ, ಮತ್ತು ಎಲ್ಲಾ ಅಧಿಸೂಚನೆ ಶಬ್ದಗಳನ್ನು Web Audio API ಮೂಲಕ ಬೇಡಿಕೆಯ ಮೇಲೆ ಸಂಶ್ಲೇಷಿಸಲಾಗುತ್ತದೆ — ಯಾವುದೇ ಆಡಿಯೋ ಫೈಲ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.

1. 1
   ವಾಲ್-ಕ್ಲಾಕ್ ಕೌಂಟ್‌ಡೌನ್ ಎಂಜಿನ್

   ನೀವು ಪ್ರಾರಂಭ ಒತ್ತಿದಾಗ, ಟೈಮರ್ ಸಂಪೂರ್ಣ ಅಂತಿಮ ಟೈಮ್‌ಸ್ಟ್ಯಾಂಪ್ ಅನ್ನು ದಾಖಲಿಸುತ್ತದೆ (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 ಗೆ ಬರೆಯಲಾಗುತ್ತದೆ. ಪುಟ ಲೋಡ್‌ನಲ್ಲಿ ಟೂಲ್ ಅವುಗಳನ್ನು ಮರಳಿ ಓದಿ, ಪ್ರತಿ ಮೌಲ್ಯವನ್ನು ಅನುಮತಿಸಿದ ವ್ಯಾಪ್ತಿಗಳ ವಿರುದ್ಧ ಪರಿಶೀಲಿಸಿ, ಮತ್ತು ಟೈಮರ್ ಅನ್ನು ಮರುಸ್ಥಾಪಿಸುತ್ತದೆ — ಆದ್ದರಿಂದ ನಿಮ್ಮ ಸೆಟ್ಟಿಂಗ್‌ಗಳು ಯಾವುದೇ ಸರ್ವರ್ ಗಮನಸೆಳೆಯುವಿಕೆ ಇಲ್ಲದೆ ಪುಟ ರಿಫ್ರೆಶ್‌ನಿಂದ ಉಳಿಯುತ್ತವೆ.

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