کاتژمێری ڕاوەستانی بەخۆڕایی

چۆن کار دەکات

ئەم کاتژمێرە ڕاژووکردنە تەواو لە وێبگەڕدا کاردەکات بە بەکارهێنانی APIی سەرەکی performance.now()ی وێبگەڕ — کاتژمێرێکی وردی-بەرزی یەک-ئاراستەیی — کە بازنەیەکی requestAnimationFrame بەڕێوەی دەبات کە دەرچوونەکە هەر چوارچێوەیەکی ئەنیمەیشن دووبارە دەکێشێتەوە (بەگشتی 60 جار لە چرکەیەکدا). هیچ سێرڤەرێک لە هیچ خاڵێکدا تێناکەوێت.

1. 1
   performance.now() کات دەپێوێت

   کاتێک کرتە لەسەر دەستپێکردن دەکەیت، ئامرازەکە خاڵێکی سەرچاوە تۆمار دەکات بە performance.now(). هەر چوارچێوەیەکی ئەنیمەیشن، دەرچوونەکە ئەو سەرچاوەیە لادەبات لە نرخی performance.now()ی ئێستاوە بۆ ژمێریاری میلی چرکەی تێپەڕیو — دووریکەوتنەوە لە کێشەی خۆڕاسکردنی کاتژمێری کە لەگەڵ بانگکردنی دووبارەی setIntervalدا دێت.
2. 2
   requestAnimationFrame دەرچوونەکە دەبات

   لەبری کاتژمێرێکی مەودای جێگیر، خوێندنەوەی ژمارە لەناو بازنەیەکی requestAnimationFrameدا نوێدەکرێتەوە. ئەمە دەرچوونەکە هاوکات لەگەڵ لۆلەی نیگاردانی خودی وێبگەڕدا دەهێڵێتەوە، بۆیە ژمێرەری سانتی-چرکە بە نەرمی سکرۆل دەکات و هەرگیز خێراتر لە توانای نوێکردنەوەی شاشەکە ناگیرسێت.
3. 3
   localStorage دانیشتنێکی ڕاژووکردوو دەپارێزێت

   لەسەر هەر ڕووداوی دەستپێکردن، ڕاگرتن، یان خولانەوە، ئامرازەکە وێنەیەک بۆ localStorage دەنووسێت — لەگەڵ مۆری کاتی لەنگەری جیهانیشدا. ئەگەر پەڕەکە لەناوەڕاستی ڕاژووکردندا بار بکەیتەوە، کاتژمێرەکە ئەو لەنگەرە دەخوێنێتەوە، ژمێردەکات چەند میلی چرکە تێپەڕیوە لەکاتی نووسینییەوە، و لە کاتی دروستدا دووبارە دەستپێدەکات.
4. 4
   خولانەوەکان وەک دەقی بۆرو-جیاکراو یان CSV دەردەچن

   هەر خولانەوەیەک هەردوو کاتی جیاکراوی خۆی (جیاوازی لەگەڵ خولانەوەی پێشوو) و کۆی گشتی هەڵدەگرێت. کۆپیکردنی هەموو ڕیزی بۆرو-جیاکراو بۆ کلیپبۆرد دەنووسێت لە ڕێگای navigator.clipboard.writeTextـەوە؛ داگرتنی CSV Blobیەکی BOMی UTF-8 دروستدەکات بۆیە فایلەکە بەدروستی لەناو Excelدا دەکرێتەوە بەبێ پێویستی بە هیچ ویزاردی هاوردەکردنێک.

ئامرازە پەیوەندیدارەکان