නොමිලේ මාර්ගගත ටැලි ගණකය

එය ක්‍රියා කරන්නේ කෙසේද

මෙම ගණන් කිරීමේ ගණකය React state සහ බ්‍රවුසරයේ අභ්‍යන්තර localStorage API භාවිතයෙන් සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ — සර්වරයක්, ගිණුමක් නැත, කිසිවක් කොහේවත් යවනු නොලැබේ. ගණන් ස්වයංක්‍රීයව පිටු refresh වලින් ඉතිරි වන අතර, පූර්ණ තිර ප්‍රකාරය ගණන් කරන අතරතුර ඔබේ තිරය දැල්වී තැබීමට Screen Wake Lock API භාවිතා කරයි.

1. 1
   state එක localStorage හි පවතී

   පිටුව පූරණය වන විට, මෙවලම ස්ථිර යතුරක් යටතේ localStorage වෙතින් කලින් සුරැකූ ඕනෑම ගණකයක් කියවයි. එක් එක් ගණකය — එහි ලේබලය, වත්මන් අගය, පියවර ප්‍රමාණය, සහ allow-negative ධ්වජය — සෑම වෙනසකදීම JSON ලෙස serialize කර localStorage වෙත නැවත ලියනු ලැබේ, එබැවින් ඔබේ ගණන් අහම්බෙන් ටැබ් වැසීම් හෝ refresh වලින් ඉතිරි වේ.
2. 2
   React state හරහා වැඩි කිරීම/අඩු කිරීම

   + එක හෝ මධ්‍යයේ විශාල බොත්තම තට්ටු කිරීම ගණකයේ වත්මන් අගයට වින්‍යාස කළ පියවර අගය එකතු කරන updater එකක් ඇමතුම් කරයි. allow-negative අක්‍රියව තිබේ නම්, ප්‍රතිඵලය Math.max මගින් ශුන්‍යයට සීමා කෙරේ. යතුරුපුවරු කෙටිමං (වැඩි කිරීමට Space/+, අඩු කිරීමට -/Backspace) ක්‍රියාකාරී ගණකය ඉලක්ක කරන window keydown listener එකක් හරහා සම්බන්ධ කර ඇත.
3. 3
   Screen Wake Lock සමඟ පූර්ණ තිර ප්‍රකාරය

   පූර්ණ තිර ප්‍රකාරයට ඇතුළු වීම මුළු තිරයම තට්ටු කිරීමේ ඉලක්කය වන overlay එකක් නිරූපණය කරයි. ඒ සමගම, මෙවලම navigator.wakeLock.request('screen') හරහා wake lock එකක් ඉල්ලයි — තිරය නිදාගැනීම වළක්වන ලෙස OS එකෙන් ඉල්ලා සිටින බ්‍රවුසර API එකකි. ටැබය පසුබිමට ගිය පසු නැවත දෘශ්‍යතාව ලබා ගන්නේ නම් lock එක ස්වයංක්‍රීයව නැවත ලබා ගනී.
4. 4
   ඒකාබද්ධ එකතුව සහිත ගණක කිහිපයක්

   දෙවන ගණකයක් එකතු කිරීම crypto.randomUUID()-උත්පාදනය කළ ID එකක් සහිත නව ප්‍රවේශයක් උත්පාදනය කරයි. එකකට වඩා ගණකයන් පවතින විට, සියලුම අගයන් එකතු කිරීමෙන් ඒකාබද්ධ එකතුවක් ගණනය කර ගණක ලැයිස්තුව ඉහළින් පෙන්වයි. එක් එක් ගණකයට ස්වාධීන step, reset, සහ allow-negative සැකසුම් ඇත.

සම්බන්ධ මෙවලම්