ਮੁਫ਼ਤ ਪੋਮੋਡੋਰੋ ਟਾਈਮਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਇਹ Pomodoro ਟਾਈਮਰ ਬਿਨਾਂ ਕਿਸੇ ਬਾਹਰੀ ਲਾਇਬ੍ਰੇਰੀ ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਕਾਊਂਟਡਾਊਨ Date.now() ਨਾਲ ਅਸਲ ਘੜੀ ਦੇ ਟਾਈਮਸਟੈਂਪ ਨਾਲ ਜੁੜਿਆ ਹੈ ਤਾਂ ਜੋ ਬੈਕਗ੍ਰਾਊਂਡ-ਟੈਬ throttling ਟਾਈਮਰ ਨੂੰ ਹੌਲੀ ਨਾ ਕਰ ਸਕੇ, ਅਤੇ ਸਾਰੀਆਂ ਸੂਚਨਾ ਆਵਾਜ਼ਾਂ Web Audio API ਰਾਹੀਂ ਮੰਗ 'ਤੇ ਬਣਾਈਆਂ ਜਾਂਦੀਆਂ ਹਨ — ਕੋਈ ਆਡੀਓ ਫ਼ਾਈਲ ਡਾਊਨਲੋਡ ਨਹੀਂ ਹੁੰਦੀ।

1. 1
   ਅਸਲ-ਘੜੀ ਕਾਊਂਟਡਾਊਨ ਇੰਜਣ

   ਸ਼ੁਰੂ ਦਬਾਉਣ 'ਤੇ, ਟਾਈਮਰ ਇੱਕ ਪੂਰਨ ਅੰਤ ਟਾਈਮਸਟੈਂਪ (Date.now() ਜਮ੍ਹਾਂ ਬਾਕੀ ਸਕਿੰਟ) ਦਰਜ ਕਰਦਾ ਹੈ। ਹਰ 500 ms, setInterval ਉਸ ਪੱਕੇ ਅੰਤ ਬਿੰਦੂ ਤੋਂ ਮੌਜੂਦਾ ਸਮਾਂ ਘਟਾ ਕੇ ਮੁੜ ਗਿਣਦਾ ਹੈ ਕਿ ਕਿੰਨੇ ਸਕਿੰਟ ਬਾਕੀ ਹਨ। ਜੇ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਨੂੰ throttle ਕਰਦਾ ਹੈ, ਤਾਂ ਅਗਲਾ ਟਿਕ ਚੱਲਦੇ ਹੀ ਗਣਿਤ ਆਪਣੇ-ਆਪ ਠੀਕ ਹੋ ਜਾਂਦਾ ਹੈ।
2. 2
   ਟੈਬ-ਫੋਕਸ ਮੁੜ-ਸਿੰਕ

   ਇੱਕ visibilitychange event listener ਟੈਬ 'ਤੇ ਵਾਪਸ ਆਉਂਦੇ ਹੀ ਉਹੀ sync function ਚਲਾਉਂਦਾ ਹੈ। ਇਸਦਾ ਮਤਲਬ ਹੈ ਡਿਸਪਲੇ ਅਗਲੇ 500 ms ਟਿਕ ਦੀ ਉਡੀਕ ਕਰਨ ਦੀ ਥਾਂ ਤੁਰੰਤ ਸਹੀ ਬਾਕੀ ਸਮੇਂ 'ਤੇ ਜਾਂਦਾ ਹੈ — ਜ਼ਰੂਰੀ ਜਦੋਂ ਟੈਬ ਲੰਬੇ ਸਮੇਂ ਬੈਕਗ੍ਰਾਊਂਡ ਵਿੱਚ ਰਹੀ ਹੋਵੇ।
3. 3
   Web Audio API ਆਵਾਜ਼ ਸੰਸਲੇਸ਼ਣ

   ਤਿੰਨ ਚੇਤਾਵਨੀ ਆਵਾਜ਼ਾਂ (classic, chime, digital) ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ AudioContext ਨਾਲ ਬਣਦੀਆਂ ਹਨ — ਇੱਕ OscillatorNode ਫ੍ਰੀਕੁਐਂਸੀ ਅਤੇ waveform ਕਿਸਮ (sine ਜਾਂ square) ਸੈੱਟ ਕਰਦਾ ਹੈ, ਅਤੇ ਇੱਕ GainNode envelope ਬਣਾਉਣ ਲਈ exponential ਆਵਾਜ਼ ਢਲਾਨ ਲਾਉਂਦਾ ਹੈ। ਕੋਈ ਆਡੀਓ ਫ਼ਾਈਲ ਲਿਆਂਦੀ ਜਾਂ ਡੀਕੋਡ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ।
4. 4
   ਸੈਟਿੰਗਾਂ ਅਤੇ ਰੋਜ਼ਾਨਾ ਗਿਣਤੀ ਦੀ ਸੰਭਾਲ

   ਤੁਹਾਡੀਆਂ ਆਪਣੀਆਂ ਮਿਆਦਾਂ ਅਤੇ ਅੱਜ ਦੇ ਪੂਰੇ ਕੀਤੇ pomodoros ਦੀ ਗਿਣਤੀ ਦੋ ਵੱਖਰੀਆਂ keys ਹੇਠ localStorage ਵਿੱਚ ਲਿਖੀ ਜਾਂਦੀ ਹੈ। ਪੰਨਾ ਲੋਡ ਹੋਣ 'ਤੇ ਟੂਲ ਉਨ੍ਹਾਂ ਨੂੰ ਵਾਪਸ ਪੜ੍ਹਦਾ ਹੈ, ਹਰ ਮੁੱਲ ਨੂੰ ਮਨਜ਼ੂਰ ਸੀਮਾਵਾਂ ਨਾਲ ਜਾਂਚਦਾ ਹੈ, ਅਤੇ ਟਾਈਮਰ ਨੂੰ ਮੁੜ ਭਰਦਾ ਹੈ — ਇਸ ਲਈ ਤੁਹਾਡੀਆਂ ਸੈਟਿੰਗਾਂ ਬਿਨਾਂ ਸਰਵਰ ਆਉਣ-ਜਾਣ ਦੇ ਪੰਨਾ ਰਿਫ੍ਰੈਸ਼ ਹੋਣ 'ਤੇ ਵੀ ਬਚੀਆਂ ਰਹਿੰਦੀਆਂ ਹਨ।

ਸੰਬੰਧਿਤ ਟੂਲ