ژمێرەری کلیکی سەرهێڵی بەخۆڕایی

چۆن کار دەکات

ئەم ژمێرەرە تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی React state و APIی localStorageی سەرەکی وێبگەڕ — هیچ سێرڤەرێک، هیچ هەژمارێک نییە، و هیچ داتایەک بۆ هیچ شوێنێک نانێردرێت. ژمارەکان بەخۆکار لە نوێکردنەوەی پەڕەکاندا دەمێننەوە، و دۆخی پڕشاشە Screen Wake Lock APIـی بەکاردەهێنێت بۆ ئەوەی شاشەکەت ڕووناک بمێنێتەوە لەکاتی ژمارتندا.

1. 1
   دۆخ لە localStorageدا دەمێنێتەوە

   کاتێک پەڕەکە بار دەکرێت، ئامرازەکە هەر ژمێرەری پێشووی پاشەکەوتکراو لە localStorage لەژێر کلیلێکی جێگیردا دەخوێنێتەوە. هەر ژمێرەرێک — لەیبڵ، نرخی ئێستا، قەبارەی هەنگاو، و ئاڵای ڕێگاپێدانی نێگەتیڤ — وەک JSON سیریالایز دەکرێت و دووبارە بۆ localStorage دەنووسرێت لەسەر هەر گۆڕانێک، بۆیە ژمارەکانت لە داخستنی هەڵەی تاب یان نوێکردنەوەدا دەمێننەوە.
2. 2
   زیادکردن/کەمکردنەوە لە ڕێگای React state

   کرتەکردن لەسەر + یان دوگمەی گەورەی ناوەند نوێکەرێک بانگدەکات کە نرخی هەنگاوی ڕێکخراو زیاد دەکات بۆ نرخی ئێستای ژمێرەرەکە. ئەگەر ڕێگاپێدانی نێگەتیڤ ناچالاک بێت، ئەنجامەکە بە Math.max بۆ سفر دادەبڕدرێت. کورتبڕی تەختەکلیل (بۆشایی/+ بۆ زیادکردن، -/Backspace بۆ کەمکردنەوە) لە ڕێگای گوێگرێکی window keydownەوە بەستراوەتەوە کە ئامانجی هەر ژمێرەرێکی چالاک دەگرێت.
3. 3
   دۆخی پڕشاشە لەگەڵ Screen Wake Lock

   چوونە دۆخی پڕشاشە ڕووپۆشێک دەڕازێنێت کە تەواوی شاشەکە ئامانجی کرتەیە. لەهەمانکاتدا، ئامرازەکە داوای وەیک لۆک دەکات لە ڕێگای navigator.wakeLock.request('screen')ـەوە — APIیەکی وێبگەڕ کە داوا لە سیستەمی کارپێکردن دەکات خەوی شاشە ڕابگرێت. کاتێک تابەکە دووبارە بینراو دەبێتەوە دوای پاشبنەمابوون لۆکەکە بەخۆکار دووبارە وەردەگیرێتەوە.
4. 4
   چەند ژمێرەر لەگەڵ کۆی گشتی تێکەڵ

   زیادکردنی ژمێرەرێکی دووەم تۆمارێکی نوێ دروستدەکات بە ناسنامەیەکی crypto.randomUUID() دروستکراو. کاتێک زیاتر لە یەک ژمێرەر هەبێت، کۆی گشتی تێکەڵ بە کۆکردنەوەی هەموو نرخەکان ژمێردەکرێت و لەسەر لیستی ژمێرەرەکان دەردەکەوێت. هەر ژمێرەرێک ڕێکخستنی سەربەخۆی هەنگاو، دووبارە دانانەوە، و ڕێگاپێدانی نێگەتیڤی هەیە.

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