Ugrás a fő tartalomra

Ingyenes Online jelölőszámláló

Kattintásszámláló, amely automatikusan ment a böngésződben. Adj hozzá több számlálót egyéni feliratokkal és lépésekkel. Számolj embereket, ismétléseket, köröket, leltárat, bármit.

Betöltés után offline is működik
Betöltés...

Gyakori felhasználások

  • Számolja az embereket az eseményekenNyomon követheti a részvételt, az emberek számlálóit vagy a kapacitást az ajtók és helyek.
  • Számolja meg a készletet és készleteketSzámolja a tételeket a készletszámlálás során anélkül, hogy elveszítené helyzetét.
  • Számolja meg az ismétléseket és készleteketNyomon követheti az edzési ismétléseket, készleteket vagy fordulókat nagyobb érintési célokkal.
  • Sortartalom a kötéshez és horgoláshozNyomon tarthatja a sorait és a minta ismétléseit a projektjében.
  • Számolja meg a madarakat, a vadon élő állatokat és a felméréseketSzámolja meg a megfigyeléseket a madárszámlálás, felmérések és térelemzés során.

Hogyan működik

Ez a számláló teljesen a böngészőjében fut React állapottal és a böngésző beépített localStorage API-jával — nincs szerver, nincs fiók, és semmilyen adat nem kerül elküldésre. A számlálások automatikusan túlélik az oldalfrissítéseket, és a teljes képernyős mód a Screen Wake Lock API-t használja, hogy a kijelzőt bekapcsolva tartsa számlálás közben.

  1. 1
    Az állapot a localStorage-ban él
    Az oldal betöltésekor az eszköz beolvassa a korábban mentett számlálókat a localStorage-ból egy fix kulcs alatt. Minden számláló — címkéje, aktuális értéke, lépésköze és negatív-engedélyezés jelzője — JSON-ként szerializálva kerül visszaírásra a localStorage-ba minden változáskor, így számlálásai túlélik a véletlen lapbezárásokat vagy frissítéseket.
  2. 2
    Növelés/csökkentés React állapoton keresztül
    A + gombra vagy a nagy középső gombra koppintás egy frissítő függvényt hív meg, amely hozzáadja a konfigurált lépésértéket a számláló aktuális értékéhez. Ha a negatív-engedélyezés ki van kapcsolva, az eredmény nullára korlátozódik a Math.max segítségével. A billentyűparancsok (Szóköz/+ növeléshez, -/Backspace csökkentéshez) egy window keydown figyelőn keresztül vannak bekötve, amely az éppen aktív számlálót célozza.
  3. 3
    Teljes képernyős mód Screen Wake Lock funkcióval
    A teljes képernyős módba lépéskor egy átfedés jelenik meg, ahol az egész képernyő a koppintási cél. Egyidejűleg az eszköz wake lock-ot kér a navigator.wakeLock.request('screen') segítségével — egy böngésző API, amely kéri az OS-t a képernyő elalvásának felfüggesztésére. A zárolás automatikusan újra megszerzésre kerül, ha a lap háttérbe kerülés után újra láthatóvá válik.
  4. 4
    Több számláló kombinált végösszeggel
    Egy második számláló hozzáadása új bejegyzést hoz létre egy crypto.randomUUID()-vel generált ID-vel. Amikor egynél több számláló létezik, egy kombinált végösszeg kerül kiszámításra az összes érték összeadásával, és megjelenik a számlálólista felett. Minden számlálónak független lépés-, visszaállítás- és negatív-engedélyezés beállítása van.

Kapcsolódó eszközök

Gyakran ismételt kérdések