ఉచిత ఆన్‌లైన్ టాలీ కౌంటర్

ఇది ఎలా పనిచేస్తుంది

ఈ టాలీ కౌంటర్ React state మరియు బ్రౌజర్ అంతర్నిర్మిత localStorage API ఉపయోగించి పూర్తిగా మీ బ్రౌజర్‌లో నడుస్తుంది — సర్వర్ లేదు, ఖాతా లేదు, ఏ డేటా ఎక్కడికీ పంపబడదు. పేజీ రిఫ్రెష్ చేసినా లెక్కలు స్వయంచాలకంగా నిలిచి ఉంటాయి, ఫుల్‌స్క్రీన్ మోడ్ లెక్కిస్తున్నప్పుడు డిస్‌ప్లే ఆన్‌లో ఉంచడానికి Screen Wake Lock API ఉపయోగిస్తుంది.

1. 1
   స్థితి localStorageలో ఉంటుంది

   పేజీ లోడ్ అయినప్పుడు, టూల్ స్థిర కీ కింద localStorage నుండి గతంలో సేవ్ చేసిన కౌంటర్‌లను చదువుతుంది. ప్రతి కౌంటర్ — దాని లేబుల్, ప్రస్తుత విలువ, స్టెప్ పరిమాణం, మరియు allow-negative ఫ్లాగ్ — JSONగా సీరియలైజ్ చేయబడి ప్రతి మార్పుపై localStorageలో తిరిగి రాయబడుతుంది, కాబట్టి పొరపాటున ట్యాబ్ మూసినా లేదా రిఫ్రెష్ చేసినా మీ లెక్కలు నిలిచి ఉంటాయి.
2. 2
   React state ద్వారా పెంపు/తగ్గింపు

   + లేదా పెద్ద మధ్య బటన్ నొక్కితే కౌంటర్ ప్రస్తుత విలువకు కాన్ఫిగర్ చేసిన స్టెప్ విలువను జోడించే అప్‌డేటర్ పిలవబడుతుంది. allow-negative ఆఫ్‌లో ఉంటే, ఫలితం Math.maxతో సున్నాకు పరిమితం చేయబడుతుంది. కీబోర్డ్ షార్ట్‌కట్‌లు (పెంచడానికి Space/+, తగ్గించడానికి -/Backspace) ప్రస్తుతం యాక్టివ్‌గా ఉన్న కౌంటర్‌ను లక్ష్యంగా చేసుకునే window keydown లిజనర్ ద్వారా అనుసంధానించబడ్డాయి.
3. 3
   Screen Wake Lockతో ఫుల్‌స్క్రీన్ మోడ్

   ఫుల్‌స్క్రీన్ మోడ్‌లోకి ప్రవేశిస్తే మొత్తం స్క్రీన్ ట్యాప్ లక్ష్యంగా ఉండే ఓవర్‌లే చూపబడుతుంది. అదే సమయంలో, టూల్ navigator.wakeLock.request('screen') ద్వారా వేక్ లాక్ అభ్యర్థిస్తుంది — స్క్రీన్ నిద్రను ఆపమని OSను అడిగే బ్రౌజర్ API. నేపథ్యంలోకి వెళ్లిన తర్వాత ట్యాబ్ మళ్లీ కనిపిస్తే లాక్ స్వయంచాలకంగా తిరిగి పొందబడుతుంది.
4. 4
   కలిపిన మొత్తంతో బహుళ కౌంటర్‌లు

   రెండవ కౌంటర్ జోడిస్తే crypto.randomUUID() సృష్టించిన IDతో కొత్త ఎంట్రీ ఏర్పడుతుంది. ఒకటి కంటే ఎక్కువ కౌంటర్‌లు ఉన్నప్పుడు, అన్ని విలువలను కలిపి మొత్తం లెక్కించి కౌంటర్ జాబితా పైన చూపబడుతుంది. ప్రతి కౌంటర్‌కు స్వతంత్ర స్టెప్, రీసెట్ మరియు allow-negative సెట్టింగ్‌లు ఉంటాయి.

సంబంధిత సాధనాలు