ਮੁਫ਼ਤ ਔਨਲਾਈਨ ਸਟੌਪਵਾਚ

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

ਇਹ ਸਟੌਪਵਾਚ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਬਿਲਟ-ਇਨ performance.now() API — ਇੱਕ monotonic ਉੱਚ-ਰੈਜ਼ੋਲਿਊਸ਼ਨ ਟਾਈਮਰ — ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ, requestAnimationFrame loop ਨਾਲ ਚੱਲਦੀ ਜੋ ਹਰ ਐਨੀਮੇਸ਼ਨ ਫ੍ਰੇਮ (ਆਮ ਤੌਰ 'ਤੇ ਸਕਿੰਟ ਵਿੱਚ 60 ਵਾਰ) ਡਿਸਪਲੇ ਮੁੜ ਬਣਾਉਂਦਾ ਹੈ। ਕਿਸੇ ਵੀ ਸਮੇਂ ਕੋਈ ਸਰਵਰ ਸ਼ਾਮਲ ਨਹੀਂ।

1. 1
   performance.now() ਸਮਾਂ ਮਾਪਦਾ ਹੈ

   ਸ਼ੁਰੂ ਦਬਾਉਣ 'ਤੇ, ਟੂਲ performance.now() ਨਾਲ ਇੱਕ ਹਵਾਲਾ ਬਿੰਦੂ ਦਰਜ ਕਰਦਾ ਹੈ। ਹਰ ਐਨੀਮੇਸ਼ਨ ਫ੍ਰੇਮ, ਡਿਸਪਲੇ ਮੌਜੂਦਾ performance.now() ਮੁੱਲ ਤੋਂ ਉਹ ਹਵਾਲਾ ਘਟਾ ਕੇ ਬੀਤੇ ਮਿਲੀਸਕਿੰਟ ਗਿਣਦਾ ਹੈ — ਵਾਰ-ਵਾਰ setInterval ਕਾਲਾਂ ਨਾਲ ਆਉਣ ਵਾਲੀਆਂ ਘੜੀ-ਖਿਸਕਾਅ ਸਮੱਸਿਆਵਾਂ ਤੋਂ ਬਚਦੇ ਹੋਏ।
2. 2
   requestAnimationFrame ਡਿਸਪਲੇ ਚਲਾਉਂਦਾ ਹੈ

   ਪੱਕੇ-ਅੰਤਰਾਲ ਟਾਈਮਰ ਦੀ ਥਾਂ, ਅੰਕ ਰੀਡਆਊਟ requestAnimationFrame loop ਅੰਦਰ ਅੱਪਡੇਟ ਹੁੰਦਾ ਹੈ। ਇਹ ਡਿਸਪਲੇ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਆਪਣੀ rendering pipeline ਨਾਲ ਸਿੰਕ ਰੱਖਦਾ ਹੈ, ਇਸ ਲਈ ਸੈਂਟੀਸਕਿੰਟ ਕਾਊਂਟਰ ਸੁਚੱਜੇ ਢੰਗ ਨਾਲ ਚੱਲਦਾ ਹੈ ਅਤੇ ਕਦੇ ਸਕ੍ਰੀਨ ਦੇ ਤਾਜ਼ਾ ਹੋਣ ਤੋਂ ਤੇਜ਼ ਨਹੀਂ ਚੱਲਦਾ।
3. 3
   localStorage ਚੱਲ ਰਹੇ ਸੈਸ਼ਨ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ

   ਹਰ ਸ਼ੁਰੂ, ਰੋਕ ਜਾਂ lap ਘਟਨਾ 'ਤੇ ਟੂਲ localStorage ਵਿੱਚ snapshot ਲਿਖਦਾ ਹੈ — ਅਸਲ-ਘੜੀ ਆਧਾਰ ਟਾਈਮਸਟੈਂਪ ਸਮੇਤ। ਜੇ ਤੁਸੀਂ ਚੱਲਦੇ ਸਮੇਂ ਪੰਨਾ ਮੁੜ ਲੋਡ ਕਰਦੇ ਹੋ, ਤਾਂ ਸਟੌਪਵਾਚ ਉਹ ਆਧਾਰ ਪੜ੍ਹਦੀ ਹੈ, ਗਿਣਦੀ ਹੈ ਕਿ ਲਿਖਣ ਤੋਂ ਬਾਅਦ ਕਿੰਨੇ ਮਿਲੀਸਕਿੰਟ ਬੀਤੇ, ਅਤੇ ਸਹੀ ਸਮੇਂ ਤੋਂ ਮੁੜ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ।
4. 4
   Laps tab-ਵੱਖ ਟੈਕਸਟ ਜਾਂ CSV ਵਜੋਂ ਐਕਸਪੋਰਟ

   ਹਰ lap ਆਪਣਾ split ਸਮਾਂ (ਪਿਛਲੇ lap ਤੋਂ ਫ਼ਰਕ) ਅਤੇ ਸੰਚਿਤ ਕੁੱਲ ਦੋਵੇਂ ਰੱਖਦਾ ਹੈ। ਸਾਰੇ ਕਾਪੀ ਕਰੋ navigator.clipboard.writeText ਰਾਹੀਂ tab-ਵੱਖ ਕਤਾਰਾਂ ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਲਿਖਦਾ ਹੈ; CSV ਡਾਊਨਲੋਡ ਕਰੋ UTF-8 BOM Blob ਬਣਾਉਂਦਾ ਹੈ ਤਾਂ ਜੋ ਫ਼ਾਈਲ ਬਿਨਾਂ ਕਿਸੇ import wizard ਦੇ Excel ਵਿੱਚ ਸਹੀ ਖੁੱਲ੍ਹੇ।

ਸੰਬੰਧਿਤ ਟੂਲ