ਮੁਫ਼ਤ ਔਨਲਾਈਨ ਟੈਲੀ ਗਿਣਤੀਕਾਰ

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

ਇਹ ਟੈਲੀ ਕਾਊਂਟਰ React state ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਬਿਲਟ-ਇਨ localStorage API ਵਰਤ ਕੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ — ਕੋਈ ਸਰਵਰ ਨਹੀਂ, ਕੋਈ ਖਾਤਾ ਨਹੀਂ, ਅਤੇ ਕਿਤੇ ਕੋਈ ਡਾਟਾ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ। ਗਿਣਤੀਆਂ ਪੰਨਾ ਰਿਫ੍ਰੈਸ਼ ਹੋਣ 'ਤੇ ਆਪਣੇ-ਆਪ ਬਚੀਆਂ ਰਹਿੰਦੀਆਂ ਹਨ, ਅਤੇ ਫੁੱਲਸਕ੍ਰੀਨ ਮੋਡ ਗਿਣਤੀ ਦੌਰਾਨ ਡਿਸਪਲੇ ਚਾਲੂ ਰੱਖਣ ਲਈ Screen Wake Lock API ਵਰਤਦਾ ਹੈ।

1. 1
   ਸਥਿਤੀ localStorage ਵਿੱਚ ਰਹਿੰਦੀ ਹੈ

   ਪੰਨਾ ਲੋਡ ਹੋਣ 'ਤੇ, ਟੂਲ ਇੱਕ ਪੱਕੀ ਕੁੰਜੀ ਹੇਠ localStorage ਤੋਂ ਪਹਿਲਾਂ ਸੇਵ ਕੀਤੇ ਕਾਊਂਟਰ ਪੜ੍ਹਦਾ ਹੈ। ਹਰ ਕਾਊਂਟਰ — ਇਸਦਾ ਲੇਬਲ, ਮੌਜੂਦਾ ਮੁੱਲ, ਕਦਮ ਦਾ ਆਕਾਰ, ਅਤੇ ਨੈਗੇਟਿਵ ਦੀ ਇਜਾਜ਼ਤ ਵਾਲਾ ਫ਼ਲੈਗ — JSON ਵਜੋਂ ਸੀਰੀਅਲਾਈਜ਼ ਹੋ ਕੇ ਹਰ ਬਦਲਾਅ 'ਤੇ localStorage ਵਿੱਚ ਵਾਪਸ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਇਸ ਲਈ ਅਚਾਨਕ ਟੈਬ ਬੰਦ ਹੋਣ ਜਾਂ ਰਿਫ੍ਰੈਸ਼ ਹੋਣ 'ਤੇ ਵੀ ਗਿਣਤੀਆਂ ਬਚੀਆਂ ਰਹਿੰਦੀਆਂ ਹਨ।
2. 2
   React state ਰਾਹੀਂ ਵਾਧਾ/ਘਾਟਾ

   + ਜਾਂ ਵਿਚਕਾਰਲਾ ਵੱਡਾ ਬਟਨ ਟੈਪ ਕਰਨ 'ਤੇ ਇੱਕ ਅੱਪਡੇਟਰ ਚੱਲਦਾ ਹੈ ਜੋ ਸੈੱਟ ਕੀਤਾ ਕਦਮ ਮੁੱਲ ਕਾਊਂਟਰ ਦੇ ਮੌਜੂਦਾ ਮੁੱਲ ਵਿੱਚ ਜੋੜਦਾ ਹੈ। ਜੇ ਨੈਗੇਟਿਵ ਦੀ ਇਜਾਜ਼ਤ ਬੰਦ ਹੈ, ਤਾਂ ਨਤੀਜਾ Math.max ਨਾਲ ਜ਼ੀਰੋ 'ਤੇ ਰੋਕਿਆ ਜਾਂਦਾ ਹੈ। ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ (ਵਧਾਉਣ ਲਈ Space/+, ਘਟਾਉਣ ਲਈ -/Backspace) ਇੱਕ window keydown listener ਰਾਹੀਂ ਜੁੜੇ ਹਨ ਜੋ ਜਿਹੜਾ ਵੀ ਕਾਊਂਟਰ ਸਰਗਰਮ ਹੋਵੇ ਉਸਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾਉਂਦਾ ਹੈ।
3. 3
   Screen Wake Lock ਨਾਲ ਫੁੱਲਸਕ੍ਰੀਨ ਮੋਡ

   ਫੁੱਲਸਕ੍ਰੀਨ ਮੋਡ ਵਿੱਚ ਇੱਕ ਓਵਰਲੇ ਦਿਸਦਾ ਹੈ ਜਿੱਥੇ ਪੂਰੀ ਸਕ੍ਰੀਨ ਟੈਪ ਕਰਨ ਦੀ ਥਾਂ ਹੁੰਦੀ ਹੈ। ਨਾਲ ਹੀ, ਟੂਲ navigator.wakeLock.request('screen') ਰਾਹੀਂ ਵੇਕ ਲੌਕ ਮੰਗਦਾ ਹੈ — ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ API ਜੋ OS ਨੂੰ ਸਕ੍ਰੀਨ ਸਲੀਪ ਰੋਕਣ ਲਈ ਕਹਿੰਦੀ ਹੈ। ਜੇ ਟੈਬ ਬੈਕਗ੍ਰਾਊਂਡ ਤੋਂ ਬਾਅਦ ਮੁੜ ਦਿਸਣ ਲੱਗੇ ਤਾਂ ਲੌਕ ਆਪਣੇ-ਆਪ ਮੁੜ ਲਿਆ ਜਾਂਦਾ ਹੈ।
4. 4
   ਕੁੱਲ ਜੋੜ ਨਾਲ ਕਈ ਕਾਊਂਟਰ

   ਦੂਜਾ ਕਾਊਂਟਰ ਜੋੜਨ 'ਤੇ crypto.randomUUID() ਨਾਲ ਬਣੀ ID ਵਾਲੀ ਨਵੀਂ ਐਂਟਰੀ ਬਣਦੀ ਹੈ। ਜਦੋਂ ਇੱਕ ਤੋਂ ਵੱਧ ਕਾਊਂਟਰ ਹੋਣ, ਤਾਂ ਸਾਰੇ ਮੁੱਲ ਜੋੜ ਕੇ ਕੁੱਲ ਜੋੜ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਕਾਊਂਟਰ ਸੂਚੀ ਦੇ ਉੱਪਰ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ। ਹਰ ਕਾਊਂਟਰ ਦੀਆਂ ਕਦਮ, ਰੀਸੈੱਟ, ਅਤੇ ਨੈਗੇਟਿਵ ਦੀ ਇਜਾਜ਼ਤ ਵਾਲੀਆਂ ਸੈਟਿੰਗਾਂ ਵੱਖਰੀਆਂ ਹਨ।

ਸੰਬੰਧਿਤ ਟੂਲ