Stopwatch Online ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

នាឡិកាកំណត់ម៉ោងនេះដំណើរការទាំងស្រុងក្នុងកម្មវិធីរុករកដោយប្រើ performance.now() API ដែលមានក្នុងកម្មវិធីរុករក — កម្មវិធីកំណត់ម៉ោងគុណភាពខ្ពស់ monotonic — ជំរុញដោយរង្វិល requestAnimationFrame ដែលគូរបង្ហាញឡើងវិញនូវការបង្ហាញរាល់ស៊្រាមអានិមេសិន (ជាធម្មតា 60 ដងក្នុងមួយវិនាទី)។ គ្មានម៉ាស៊ីនមេពាក់ព័ន្ធនៅចំណុចណាមួយឡើយ។

1. 1
   performance.now() វាស់ពេលវេលា

   ពេលអ្នកចុចចាប់ផ្តើម ឧបករណ៍កត់ត្រាចំណុចយោងជាមួយ performance.now()។ រាល់ស៊្រាមអានិមេសិន ការបង្ហាញដកចំណុចយោងនោះពីតម្លៃ performance.now() បច្ចុប្បន្នដើម្បីគណនាមីលីវិនាទីកន្លងផុត — ជៀសវាងបញ្ហាការធ្លាក់នាឡិកាដែលកើតឡើងជាមួយការហៅ setInterval ម្តងហើយម្តងទៀត។
2. 2
   requestAnimationFrame ជំរុញការបង្ហាញ

   ជំនួសកម្មវិធីកំណត់ម៉ោងចន្លោះថេរ ការអានលេខខ្ទង់ត្រូវបានធ្វើបច្ចុប្បន្នភាពនៅក្នុងរង្វិល requestAnimationFrame។ វារក្សាការបង្ហាញឲ្យស្របជាមួយបំពង់បង្ហាញផ្ទាល់ខ្លួនរបស់កម្មវិធីរុករក ដូច្នេះកម្មវិធីរាប់សង់ទីវិនាទីរមូលរលូន ហើយមិនដែលបាញ់លឿនជាងអេក្រង់អាចធ្វើឲ្យស្រស់ឡើយ។
3. 3
   localStorage រក្សាទុកសម័យកំពុងដំណើរការ

   រាល់ព្រឹត្តិការណ៍ចាប់ផ្តើម ឈប់ ឬជុំវិល ឧបករណ៍សរសេររូបភាពថតទៅ localStorage — រួមទាំងត្រាចំណុចយោងម៉ោងជញ្ជាំង។ ប្រសិនបើអ្នកផ្ទុកទំព័រឡើងវិញកណ្តាលដំណើរការ កម្មវិធីកំណត់ម៉ោងអានចំណុចយោងនោះ គណនាចំនួនមីលីវិនាទីកន្លងផុតតាំងពីវាត្រូវបានសរសេរ ហើយបន្តពីពេលវេលាត្រឹមត្រូវ។
4. 4
   ជុំវិលនាំចេញជាអត្ថបទបំបែកដោយ tab ឬ CSV

   ជុំវិលនីមួយៗរក្សាទុកទាំងពេលវេលាបំបែក (ដេលតាចាប់តាំងពីជុំវិលមុន) និងសរុបប្រមូល។ ចម្លងទាំងអស់សរសេរជួរបំបែកដោយ tab ទៅឃ្លីបបតតាមរយៈ navigator.clipboard.writeText; ទាញយក CSV បង្កើត Blob UTF-8 BOM ដូច្នេះឯកសារបើកបានត្រឹមត្រូវក្នុង Excel ដោយមិនចាំបាច់ជំនួយការនាំចូលឡើយ។

ឧបករណ៍ពាក់ព័ន្ធ