મફત ઓનલાઇન ટેલી કાઉન્ટર

આ કેવી રીતે કાર્ય કરે છે

આ ટૅલી કાઉન્ટર React state અને બ્રાઉઝરના બિલ્ટ-ઇન localStorage API નો ઉપયોગ કરીને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ સર્વર, કોઈ એકાઉન્ટ નથી, અને કોઈ ડેટા ક્યાંય મોકલાતો નથી. કાઉન્ટ પેજ રિફ્રેશને આપોઆપ ટકી રહે છે, અને ફુલસ્ક્રીન મોડ ગણતરી કરતી વખતે તમારી ડિસ્પ્લે ચાલુ રાખવા માટે Screen Wake Lock API નો ઉપયોગ કરે છે.

1. 1
   State localStorage માં રહે છે

   જ્યારે પેજ લોડ થાય છે, સાધન નિશ્ચિત કીની નીચે localStorage માંથી અગાઉ સાચવેલા કોઈપણ કાઉન્ટર વાંચે છે. દરેક કાઉન્ટર — તેનું લેબલ, વર્તમાન મૂલ્ય, પગલાનું કદ, અને allow-negative ફ્લેગ — JSON તરીકે સીરિયલાઇઝ થાય છે અને દરેક ફેરફારે localStorage માં પાછું લખાય છે, તેથી તમારા કાઉન્ટ આકસ્મિક ટૅબ બંધ થવા કે રિફ્રેશને ટકી રહે છે.
2. 2
   React state દ્વારા વધારો/ઘટાડો

   + અથવા મોટા સેન્ટર બટન પર ટૅપ કરવાથી એક અપડેટર બોલાવાય છે જે કાઉન્ટરના વર્તમાન મૂલ્યમાં કન્ફિગર કરેલું પગલાનું મૂલ્ય ઉમેરે છે. જો allow-negative બંધ હોય, તો પરિણામ Math.max સાથે શૂન્ય પર ક્લેમ્પ થાય છે. કીબોર્ડ શોર્ટકટ્સ (વધારવા માટે Space/+, ઘટાડવા માટે -/Backspace) window keydown listener દ્વારા વાયર્ડ છે જે જે પણ કાઉન્ટર સક્રિય હોય તેને લક્ષ્ય કરે છે.
3. 3
   Screen Wake Lock સાથે ફુલસ્ક્રીન મોડ

   ફુલસ્ક્રીન મોડમાં પ્રવેશવાથી એક ઓવરલે રેન્ડર થાય છે જ્યાં આખી સ્ક્રીન ટેપ ટાર્ગેટ છે. તે જ સમયે, સાધન navigator.wakeLock.request('screen') દ્વારા વેક લોક વિનંતી કરે છે — એક બ્રાઉઝર API જે OS ને સ્ક્રીન સ્લીપ દબાવવા માટે કહે છે. બેકગ્રાઉન્ડમાં ગયા પછી જો ટૅબ ફરીથી દૃશ્યમાનતા મેળવે તો લોક આપોઆપ ફરીથી મેળવાય છે.
4. 4
   સંયુક્ત કુલ સાથે બહુવિધ કાઉન્ટર

   બીજો કાઉન્ટર ઉમેરવાથી crypto.randomUUID()-જનરેટેડ ID સાથે નવી એન્ટ્રી બને છે. જ્યારે એકથી વધુ કાઉન્ટર અસ્તિત્વમાં હોય, ત્યારે તમામ મૂલ્યોનો સરવાળો કરીને સંયુક્ત કુલ ગણવામાં આવે છે અને કાઉન્ટર યાદીની ઉપર દર્શાવવામાં આવે છે. દરેક કાઉન્ટરમાં સ્વતંત્ર પગલું, રીસેટ, અને allow-negative સેટિંગ્સ છે.

સંબંધિત સાધનો