အခမဲ့ အွန်လိုင်းရပ်နာရီ

မည်သို့ အလုပ်လုပ်သည်

ဤ stopwatch သည် browser ၏ built-in performance.now() API — monotonic high-resolution timer တစ်ခု — ကို animation frame တိုင်းတွင် (ပုံမှန်အားဖြင့် တစ်စက္ကန့်လျှင် ၆၀ ကြိမ်) ပြသမှုကို ပြန်ဆွဲပေးသော requestAnimationFrame loop တစ်ခုက မောင်းနှင်ကာ သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည်။ Server မည်သည့်အချိန်တွင်မျှ ပါဝင်ခြင်း မရှိပါ။

1. 1
   performance.now() သည် အချိန်ကို တိုင်းတာသည်

   Start ကို နှိပ်လိုက်သောအခါ ကိရိယာသည် performance.now() ဖြင့် ကိုးကားအမှတ်တစ်ခုကို မှတ်တမ်းတင်သည်။ Animation frame တိုင်းတွင် ပြသမှုသည် လက်ရှိ performance.now() တန်ဖိုးမှ ထိုကိုးကားအမှတ်ကို နုတ်ပြီး ကုန်ဆုံးသော millisecond ကို တွက်ချက်သည် — ထပ်ခါထပ်ခါ setInterval ခေါ်ခြင်းနှင့်အတူ ဖြစ်တတ်သော clock-drift ပြဿနာများကို ရှောင်ရှားသည်။
2. 2
   requestAnimationFrame သည် ပြသမှုကို မောင်းနှင်သည်

   ကိန်းသေ-interval timer အစား digit readout ကို requestAnimationFrame loop အတွင်း update လုပ်သည်။ ၎င်းသည် ပြသမှုကို browser ၏ ကိုယ်ပိုင် rendering pipeline နှင့် sync ဖြစ်နေစေသဖြင့် centisecond counter သည် ချောမွေ့စွာ scroll ဖြစ်ပြီး screen refresh လုပ်နိုင်သည်ထက် ပိုမြန်ဘယ်တော့မှ ငြင်း မဖြစ်ပါ။
3. 3
   localStorage သည် run လုပ်နေသော session ကို ဆက်လက်တည်ရှိစေသည်

   Start, stop, or lap event တစ်ခုစီတွင် ကိရိယာသည် wall-clock anchor timestamp ပါသော snapshot တစ်ခုကို localStorage သို့ ရေးသည်။ Run လုပ်နေစဉ် စာမျက်နှာကို ပြန်ဖွင့်ပါက stopwatch သည် ထို anchor ကို ဖတ်ယူပြီး ရေးသားချိန်မှစ၍ millisecond ဘယ်နှစ်ခု ကုန်ဆုံးပြီးလဲ တွက်ချက်ကာ မှန်ကန်သော အချိန်မှ ပြန်ဆက်သည်။
4. 4
   Lap များကို tab-ခွဲထားသော text သို့မဟုတ် CSV အဖြစ် export လုပ်ထားသည်

   Lap တစ်ခုစီသည် ၎င်း၏ split time (ယခင် lap မှ delta) နှင့် cumulative total ကို သိမ်းထားသည်။ Copy All သည် navigator.clipboard.writeText မှတစ်ဆင့် tab-ခွဲထားသော row များကို clipboard သို့ ရေးသည်; Download CSV သည် Excel တွင် import wizard မလိုဘဲ မှန်ကန်စွာ ဖွင့်ရန် UTF-8 BOM Blob တစ်ခု ထုတ်ပေးသည်။

ဆက်နွှယ်သော ကိရိယာများ