Kyauta Agogon Tsayawa na Kan Layi

Yadda Yake Aiki

Wannan agogon tsayarwa yana gudana gaba ɗaya a burauza ta amfani da performance.now() API na burauza da aka gina — na'urar lokaci mai ƙudurin gaske daidaitacce — wanda madaukin requestAnimationFrame ya tuka wanda yake sake zana nunin a kowace firam ta motsi (yawanci sau 60 a kowace daƙiƙa). Babu uwar garke da abin ya shafa a kowane lokaci.

1. 1
   performance.now() yana auna lokaci

   Lokacin da ka danna Fara, kayan aikin yana rubuta wani matsayin ambaton da performance.now(). Kowace firam ta motsi, nunin yana cire wannan ambaton daga ƙimar performance.now() na yanzu don lissafta milisecond da suka wuce — yana guje wa matsalolin canjin agogo da suke zuwa da kiran setInterval da yawa.
2. 2
   requestAnimationFrame yana tuka nunin

   Maimakon na'urar lokaci na tazara-tsayayye, ana sabunta karatun lamba a cikin madaukin requestAnimationFrame. Wannan yana kiyaye nunin a daidaici da bututun zanawa na burauzarka kanta, don haka ƙidayar centisecond tana sakewa lafiya kuma ba ta taɓa harbawa da sauri fiye da yadda allon zai iya sabuntawa ba.
3. 3
   localStorage yana ci gaba da wani zaman da yake gudana

   A kowane taron farawa, dakatawa, ko lap, kayan aikin yana rubuta wani hoto zuwa localStorage — ciki har da wani ambaton agogo-bango. Idan ka sake loda shafin a tsakiyar gudu, agogon tsayarwa yana karanta wannan ambaton, yana lissafta nawa milisecond suka wuce tun aka rubuta shi, kuma yana ci gaba daga daidai lokaci.
4. 4
   Laps suna fitowa a matsayin rubutu-tab-mai-rabawa ko CSV

   Kowace lap tana ajiye lokacin rabewarta (bambanci tun lap na baya) da jimlar tarawa. Kwafi Duk yana rubuta layuka tab-mai-rabawa zuwa clipboard ta navigator.clipboard.writeText; Sauke CSV yana samar da Blob mai BOM na UTF-8 don fayil ɗin ya buɗe daidai a Excel babu bukatar mai shigo da kaya.

Kayan Aiki Masu Alaƙa