സൗജന്യ ഓൺലൈൻ സ്റ്റോപ്പ്‌വാച്ച്

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

ഈ സ്റ്റോപ്പ്‌വാച്ച് ബ്രൗസറിന്റെ ബിൽറ്റ്-ഇൻ performance.now() API — ഒരു മോണോട്ടോണിക് ഹൈ-റെസൊല്യൂഷൻ ടൈമർ — ഉപയോഗിച്ച് പൂർണ്ണമായും ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു, ഓരോ ആനിമേഷൻ ഫ്രെയിമിലും (സാധാരണയായി സെക്കൻഡിൽ 60 തവണ) ഡിസ്പ്ലേ വീണ്ടും വരയ്ക്കുന്ന ഒരു requestAnimationFrame ലൂപ്പ് നയിക്കുന്നത്. ഒരു ഘട്ടത്തിലും ഒരു സെർവറും ഉൾപ്പെട്ടിട്ടില്ല.

1. 1
   performance.now() സമയം അളക്കുന്നു

   നിങ്ങൾ Start അമർത്തുമ്പോൾ, ടൂൾ performance.now() ഉപയോഗിച്ച് ഒരു റഫറൻസ് പോയിന്റ് രേഖപ്പെടുത്തുന്നു. ഓരോ ആനിമേഷൻ ഫ്രെയിമിലും, ദൃശ്യമായ മില്ലിസെക്കൻഡുകൾ കണക്കാക്കാൻ ഡിസ്പ്ലേ ആ റഫറൻസ് നിലവിലെ performance.now() മൂല്യത്തിൽ നിന്ന് കുറയ്ക്കുന്നു — ആവർത്തിച്ചുള്ള setInterval വിളികളിൽ വരുന്ന ക്ലോക്ക്-ഡ്രിഫ്റ്റ് പ്രശ്നങ്ങൾ ഒഴിവാക്കുന്നു.
2. 2
   requestAnimationFrame ഡിസ്പ്ലേ നയിക്കുന്നു

   ഒരു ഫിക്സഡ്-ഇന്റർവൽ ടൈമറിന് പകരം, ഡിജിറ്റ് റീഡൗട്ട് ഒരു requestAnimationFrame ലൂപ്പിനുള്ളിൽ അപ്ഡേറ്റ് ചെയ്യുന്നു. ഇത് ബ്രൗസറിന്റെ സ്വന്തം റെൻഡറിംഗ് പൈപ്ലൈനുമായി ഡിസ്പ്ലേ സിൻകിൽ നിലനിർത്തുന്നു, അതിനാൽ സെന്റിസെക്കൻഡ് കൗണ്ടർ സുഗമമായി സ്ക്രോൾ ചെയ്യുന്നു, സ്ക്രീൻ റിഫ്രഷ് ചെയ്യുന്നതിനേക്കാൾ വേഗത്തിൽ ഒരിക്കലും ഫയർ ചെയ്യുന്നില്ല.
3. 3
   localStorage ഒരു നടക്കുന്ന സെഷൻ നിലനിർത്തുന്നു

   ഓരോ start, stop, അല്ലെങ്കിൽ lap ഇവന്റിലും ടൂൾ localStorage-ലേക്ക് ഒരു സ്നാപ്ഷോട്ട് എഴുതുന്നു — ഒരു വാൾ-ക്ലോക്ക് ആങ്കർ ടൈംസ്റ്റാമ്പ് ഉൾപ്പെടെ. നിങ്ങൾ റൺ-ന്റെ പകുതിയിൽ പേജ് റീലോഡ് ചെയ്താൽ, സ്റ്റോപ്പ്‌വാച്ച് ആ ആങ്കർ വായിക്കുകയും, അത് എഴുതിയതിന് ശേഷം എത്ര മില്ലിസെക്കൻഡുകൾ കടന്നുപോയി എന്ന് കണക്കാക്കുകയും, ശരിയായ സമയത്ത് നിന്ന് പുനരാരംഭിക്കുകയും ചെയ്യുന്നു.
4. 4
   ലാപ്പുകൾ ടാബ്-സെപ്പറേറ്റഡ് ടെക്സ്റ്റോ CSV ആയോ എക്സ്പോർട്ട് ചെയ്യുന്നു

   ഓരോ ലാപ്പും അതിന്റെ സ്പ്ലിറ്റ് ടൈം (മുമ്പത്തെ ലാപ്പ് മുതലുള്ള ഡെൽറ്റ), ക്യുമുലേറ്റീവ് ടോട്ടൽ എന്നിവ രണ്ടും സൂക്ഷിക്കുന്നു. Copy All navigator.clipboard.writeText വഴി ടാബ്-സെപ്പറേറ്റഡ് വരികൾ ക്ലിപ്ബോർഡിലേക്ക് എഴുതുന്നു; Download CSV ഒരു UTF-8 BOM Blob നിർമ്മിക്കുന്നു, അതിനാൽ ഒരു ഇംപോർട്ട് വിസാർഡും ആവശ്യമില്ലാതെ Excel-ൽ ഫയൽ ശരിയായി തുറക്കുന്നു.

അനുബന്ധ ടൂളുകൾ