இலவச ஆன்லைன் ஸ்டாப்வாட்ச்

இது எவ்வாறு செயல்படுகிறது

இந்த stopwatch உலாவியின் உள்ளமைந்த performance.now() API — ஒருதிசை உயர்-தெளிவுத்திறன் டைமர் — மூலம் முழுவதும் உலாவியில் இயங்குகிறது; ஒவ்வொரு animation frame இலும் (பொதுவாக வினாடிக்கு 60 முறை) காட்சியை மீண்டும் வரையும் requestAnimationFrame loop ஆல் இயக்கப்படுகிறது. எந்த நிலையிலும் சர்வர் ஈடுபாடு இல்லை.

1. 1
   performance.now() நேரத்தை அளக்கிறது

   தொடங்கு என்பதை அழுத்தும்போது, கருவி performance.now() மூலம் ஒரு குறிப்புப் புள்ளியைப் பதிவுசெய்கிறது. ஒவ்வொரு animation frame இலும், கழிந்த மில்லிவிநாடிகளைக் கணக்கிடக் காட்சி தற்போதைய performance.now() மதிப்பிலிருந்து அந்தக் குறிப்பைக் கழிக்கிறது — மீண்டும் மீண்டும் setInterval அழைப்புகளுடன் வரும் கடிகார-விலகல் சிக்கல்களைத் தவிர்க்கிறது.
2. 2
   requestAnimationFrame காட்சியை இயக்குகிறது

   நிலையான-இடைவெளி டைமருக்குப் பதிலாக, இலக்க அளவீடு requestAnimationFrame loop க்குள் புதுப்பிக்கப்படுகிறது. இது காட்சியை உலாவியின் சொந்த rendering pipeline உடன் ஒத்திசைவில் வைக்கிறது; எனவே centiseconds counter மென்மையாக நகர்கிறது, திரை புதுப்பிக்கக்கூடியதை விட வேகமாக இயங்குவதில்லை.
3. 3
   localStorage இயங்கும் அமர்வை நிலைநிறுத்துகிறது

   ஒவ்வொரு தொடக்கம், நிறுத்தம் அல்லது lap நிகழ்விலும் கருவி ஒரு snapshot ஐ localStorage இல் எழுதுகிறது — சுவர்க்கடிகார நங்கூர timestamp உட்பட. ஓட்டத்தின் நடுவில் பக்கத்தை மீண்டும் ஏற்றினால், stopwatch அந்த நங்கூரத்தைப் படித்து, எழுதியதிலிருந்து எத்தனை மில்லிவிநாடிகள் கழிந்தன எனக் கணக்கிட்டு, சரியான நேரத்திலிருந்து தொடர்கிறது.
4. 4
   Laps tab-பிரிப்பு உரை அல்லது CSV ஆக ஏற்றுமதி

   ஒவ்வொரு lap உம் அதன் split நேரத்தையும் (முந்தைய lap இலிருந்து வேறுபாடு) ஒட்டுமொத்த மொத்தத்தையும் சேமிக்கிறது. அனைத்தையும் நகலெடு navigator.clipboard.writeText வழியாக tab-பிரிப்பு வரிசைகளைக் கிளிப்போர்டில் எழுதுகிறது; CSV பதிவிறக்கு UTF-8 BOM Blob ஐ உருவாக்குகிறது, எனவே இறக்குமதி wizard தேவையில்லாமல் கோப்பு Excel இல் சரியாகத் திறக்கும்.

தொடர்புடைய கருவிகள்