Preskoči na glavno vsebino

Spletni štetnik — brezplačno

Štetnik klikov, ki se samodejno shrani v vašem brskalniku. Dodajte več štetnikov s prilagojenimi oznakami in koraki. Štejte ljudi, ponovitve, kroge, inventar, kar koli.

Deluje brez povezave po nalaganju
Nalaganje...

Pogosta področja uporabe

  • Štejte ljudi na dogodkihSledite udeležbi, številu oseb ali zmogljivosti na vratih in mestih.
  • Štejte zalogo in zalogeSkupno število artiklov med štetjem zaloge brez izgube mesta.
  • Štejte ponavljanja in sklopeSpremljajte ponavljanja vaj, sklope ali kroge z velikimi tarčami dotika.
  • Števec vrst za pletenje in kukecSledite vrstam in ponovljenjem vzorca v svojem projektu.
  • Štejte ptice, divjo žival in raziskaveSkupaj opažanja med štetjem ptič, raziskavami in terenskim delom.

Kako deluje

Ta števec deluje v celoti v vašem brskalniku z uporabo stanja React in vgrajenega API-ja localStorage brskalnika — ni strežnika, ni računa in nič se ne pošlje nikamor. Štetja samodejno preživijo osvežitve strani, celozaslonski način pa uporablja API Screen Wake Lock, da zaslon ostane prižgan med štetjem.

  1. 1
    Stanje živi v localStorage
    Ko se stran naloži, orodje prebere prej shranjene števce iz localStorage pod fiksnim ključem. Vsak števec — njegova oznaka, trenutna vrednost, korak in zastavica dovoli-negativno — je serializiran kot JSON in ob vsaki spremembi zapisan nazaj v localStorage, tako da vaše štetje preživi nenamerno zaprtje zavihka ali osvežitev.
  2. 2
    Povečanje/zmanjšanje prek stanja React
    Dotik + ali velikega osrednjega gumba pokliče posodobitveno funkcijo, ki k trenutni vrednosti števca doda nastavljeno vrednost koraka. Če je dovoli-negativno izklopljeno, se rezultat omeji na nič z Math.max. Bližnjice na tipkovnici (preslednica/+ za povečanje, -/vračalka za zmanjšanje) so povezane prek poslušalca window keydown, ki cilja na trenutno aktiven števec.
  3. 3
    Celozaslonski način s Screen Wake Lock
    Vstop v celozaslonski način izriše prekrivno plast, kjer je celoten zaslon tarča dotika. Hkrati orodje zahteva zaklep budnosti prek navigator.wakeLock.request('screen') — API brskalnika, ki OS prosi, naj zavre spanje zaslona. Zaklep se samodejno znova pridobi, če zavihek znova postane viden po tem, ko je bil v ozadju.
  4. 4
    Več števcev s skupno vsoto
    Dodajanje drugega števca ustvari nov vnos z ID-jem, generiranim s crypto.randomUUID(). Ko obstaja več kot en števec, se skupna vsota izračuna s seštevanjem vseh vrednosti in prikaže nad seznamom števcev. Vsak števec ima neodvisne nastavitve koraka, ponastavitve in dovoli-negativno.

Sorodna orodja

Pogosto zastavljena vprašanja