Aago Ìdúró Ayélujára Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Aago yìí ń ṣiṣẹ́ pátápátá nínú aṣàwákiri ní lílo API performance.now() aṣàwákiri tí a kọ́ sínú rẹ̀ — aago ìdájú-gíga kan tí ó ń lọ sí ọ̀nà kan — tí ìyíká requestAnimationFrame kan ń darí tí ó ń tún yà ìfihàn náà ní gbogbo férémù àwòrán (déédéé ìgbà 60 fún ìṣẹ́jú-aaya kan). Kò sí sáfà tí ó kàn ní àkókò èyíkéyìí.

1. 1
   performance.now() ń wọn àkókò

   Nígbà tí o bá tẹ Bẹ̀rẹ̀, irinṣẹ́ náà ń kọ ìdí ìtọ́kasí kan pẹ̀lú performance.now(). Ní férémù àwòrán kọ̀ọ̀kan, ìfihàn náà ń yọ ìtọ́kasí yẹn kúrò nínú iye performance.now() lọ́wọ́lọ́wọ́ láti ṣírò milliseconds tí ó ti kọjá — tí ó ń yẹra fún àwọn ìṣòro yíyapa-aago tí ó ń wá pẹ̀lú àwọn ìpè setInterval tí a tún ṣe.
2. 2
   requestAnimationFrame ń darí ìfihàn náà

   Dípò aago àárín-tí-a-dá-kalẹ̀, a ń ṣàtúnṣe kíkàwé àmì náà nínú ìyíká requestAnimationFrame kan. Èyí ń pa ìfihàn náà mọ́ bára mu pẹ̀lú ọ̀pá àkọ́sọ̀tọ́ aṣàwákiri fúnrarẹ̀, nítorí náà ìka centiseconds náà ń yí dán-mọ́rán, kì í sì dún kánjú ju bí ìfihàn náà ṣe lè tún ara rẹ̀ ṣe.
3. 3
   localStorage ń pa ìjókòó tí ń ṣiṣẹ́ mọ́

   Ní ìṣẹ̀lẹ̀ bẹ̀rẹ̀, dúró, tàbí lap kọ̀ọ̀kan, irinṣẹ́ náà ń kọ àwòrán kan sí localStorage — títí kan àmì-àkókò aago-ògiri. Bí o bá tún ojú-ìwé náà kọ́ ní àárín-ìṣiṣẹ́, aago náà ń ka àmì yẹn, ó ń ṣírò iye milliseconds tí ó ti kọjá láti ìgbà tí a kọ ọ́, ó sì ń tẹ̀síwájú láti àkókò tí ó tọ́.
4. 4
   Àwọn lap ń gbé jáde gẹ́gẹ́ bí ọ̀rọ̀ tab-pín tàbí CSV

   Lap kọ̀ọ̀kan ń fi pamọ́ àkókò-ìpín rẹ̀ (ìyàtọ̀ láti lap tí ó ṣáájú) àti àpapọ̀ tí ó kójọpọ̀. Dàkọ Gbogbo Rẹ̀ ń kọ àwọn ìlà tab-pín sí clipboard nípasẹ̀ navigator.clipboard.writeText; Gba CSV ń mú Blob UTF-8 BOM kan jáde nítorí náà fáìlì náà ń ṣí dáadáa nínú Excel láìsí wizard fífagbà kankan tí ó nílò.

Àwọn Irinṣẹ Tó Jọra