ਮੁਫ਼ਤ ਕਾਊਂਟਡਾਊਨ ਟਾਈਮਰ

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

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

1. 1
   ਨਿਸ਼ਾਨਾ ਸੈੱਟ ਕਰੋ

   ਮਿਆਦ ਮੋਡ (ਘੰਟੇ, ਮਿੰਟ, ਸਕਿੰਟ) ਚੁਣੋ ਜਾਂ ਕਿਸੇ ਖ਼ਾਸ ਪਲ ਤੱਕ ਕਾਊਂਟਡਾਊਨ ਲਈ ਤਾਰੀਖ/ਸਮਾਂ ਮੋਡ 'ਤੇ ਜਾਓ। ਪੰਜ ਤੇਜ਼ ਪ੍ਰੀਸੈੱਟ ਬਟਨ (5 ਮਿੰਟ ਤੋਂ 24 ਘੰਟੇ) ਇਨਪੁੱਟ ਪੂਰੀ ਤਰ੍ਹਾਂ ਛੱਡ ਕੇ ਟਾਈਮਰ ਤੁਰੰਤ ਸ਼ੁਰੂ ਕਰਦੇ ਹਨ।
2. 2
   ਪੱਕੇ ਨਿਸ਼ਾਨੇ ਦੇ ਮੁਕਾਬਲੇ ਅੰਤਰਾਲ ਟਿਕ

   ਸ਼ੁਰੂ ਹੋਣ 'ਤੇ, ਟੂਲ ਪੂਰਨ ਨਿਸ਼ਾਨੇ ਨੂੰ Date object ਵਜੋਂ ਸਟੋਰ ਕਰਦਾ ਹੈ ਅਤੇ ਹਰ 1000 ms 'ਤੇ setInterval ਚਲਾਉਂਦਾ ਹੈ। ਹਰ ਟਿਕ Date.now() ਕਾਲ ਕਰਕੇ ਨਿਸ਼ਾਨੇ ਤੋਂ ਘਟਾਉਂਦਾ ਹੈ — ਇਸ ਲਈ ਖੁੰਝੇ ਟਿਕ (ਟੈਬ ਸੁੱਤੀ, CPU ਰੁੱਝਿਆ) ਦੇਰੀ ਇਕੱਠੀ ਕਰਨ ਦੀ ਥਾਂ ਅਗਲੇ ਟਿਕ 'ਤੇ ਆਪਣੇ-ਆਪ ਠੀਕ ਹੋ ਜਾਂਦੇ ਹਨ।
3. 3
   ਅਨੁਕੂਲ ਡਿਸਪਲੇ ਅਤੇ ਟੈਬ ਵਿੱਚ ਪ੍ਰਤੀਬਿੰਬ

   ਡਿਸਪਲੇ ਸ਼ੁਰੂਆਤੀ ਜ਼ੀਰੋ ਇਕਾਈਆਂ ਆਪਣੇ-ਆਪ ਹਟਾਉਂਦਾ ਹੈ — 45-ਸਕਿੰਟ ਟਾਈਮਰ ਵੱਡੇ ਅੱਖਰਾਂ ਵਿੱਚ ਸਿਰਫ਼ ਸਕਿੰਟ ਦਿਖਾਉਂਦਾ ਹੈ, ਜਦਕਿ ਕਈ-ਦਿਨਾਂ ਦਾ ਟਾਈਮਰ ਚਾਰੇ ਇਕਾਈਆਂ ਛੋਟੇ ਆਕਾਰ ਵਿੱਚ ਦਿਖਾਉਂਦਾ ਹੈ। ਬਾਕੀ ਸਮਾਂ document.title ਵਿੱਚ ਵੀ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਛੋਟੀ ਕੀਤੀ ਜਾਂ ਬੈਕਗ੍ਰਾਊਂਡ ਟੈਬ ਵਿੱਚ ਵੀ ਕਾਊਂਟਡਾਊਨ ਪੜ੍ਹਿਆ ਜਾ ਸਕੇ।
4. 4
   ਖ਼ਤਮ ਹੋਣ 'ਤੇ Web Audio ਘੰਟੀ

   ਕਾਊਂਟਡਾਊਨ ਜ਼ੀਰੋ 'ਤੇ ਪਹੁੰਚਣ 'ਤੇ, ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਬਿਲਟ-ਇਨ Web Audio API (AudioContext + OscillatorNode) ਤਿੰਨ-ਧੜਕਣ ਵਾਲੀ 880 Hz sine-wave ਘੰਟੀ ਬਣਾਉਂਦੀ ਹੈ — ਕੋਈ ਆਡੀਓ ਫ਼ਾਈਲ ਡਾਊਨਲੋਡ ਨਹੀਂ ਹੁੰਦੀ। ਰੋਕਣਾ, ਮੁੜ ਸ਼ੁਰੂ ਕਰਨਾ, ਅਤੇ ਸਾਂਝੇ ਕਰਨਯੋਗ URLs (#to= fragment ਵਿੱਚ ਨਿਸ਼ਾਨਾ epoch ਐਨਕੋਡ ਕਰਕੇ, ਜੋ ਕਦੇ ਸਰਵਰ ਤੱਕ ਨਹੀਂ ਪਹੁੰਚਦਾ) ਵੀ ਪੂਰੀ ਤਰ੍ਹਾਂ client-side ਸੰਭਾਲੇ ਜਾਂਦੇ ਹਨ।

ਸੰਬੰਧਿਤ ਟੂਲ