Przejdź do głównej treści
LibraTool logoLibraTool

Licznik zliczania online za darmo

Licznik kliknięć, który automatycznie zapisuje się w Twojej przeglądarce. Dodawaj wiele liczników z niestandardowymi etykietami i krokami. Licz ludzi, powtórzenia, okrążenia, inwentarz, cokolwiek.

Działa offline po wczytaniu
Ładowanie...

Typowe zastosowania

  • Licz Ludzi na ImprezachŚledzenie frekwencji, liczby osób lub pojemności przy drzwiach i miejscach.
  • Licz Zapasy i ZasobyLiczyć przedmioty podczas inwentaryzacji bez utraty swojego miejsca.
  • Licz Powtórzenia i ZestawyŚledź powtórzenia treningowe, zestawy lub rundy za pomocą dużych celów dotykowych.
  • Licznik Rzędów do Dziania i SzydełkowaniaŚledź rzędy i powtórzenia wzoru w swoim projekcie.
  • Licz Ptaki, Zwierzęta i AnkietyLiczyć obserwacje podczas liczenia ptaków, ankiet i badań terenowych.

Jak to działa

Ten licznik działa w całości w przeglądarce, korzystając ze stanu React i wbudowanego API localStorage — nie ma serwera, konta ani wysyłania danych. Liczniki automatycznie przetrwają odświeżenie strony, a tryb pełnoekranowy używa Screen Wake Lock API, aby ekran nie wygasał podczas liczenia.

  1. 1
    Stan przechowywany w localStorage
    Po wczytaniu strony narzędzie odczytuje wcześniej zapisane liczniki z localStorage pod stałym kluczem. Każdy licznik — jego etykieta, bieżąca wartość, krok i flaga zezwalania na wartości ujemne — jest serializowany do JSON i zapisywany z powrotem w localStorage przy każdej zmianie, więc liczniki przetrwają przypadkowe zamknięcie karty lub odświeżenie.
  2. 2
    Zwiększanie/zmniejszanie przez stan React
    Stuknięcie + lub dużego środkowego przycisku wywołuje funkcję aktualizującą, która dodaje ustawiony krok do bieżącej wartości licznika. Jeśli wartości ujemne są wyłączone, wynik jest ograniczany do zera przez Math.max. Skróty klawiszowe (Spacja/+ zwiększa, -/Backspace zmniejsza) obsługuje nasłuchiwacz keydown na obiekcie window, działający na aktywnym liczniku.
  3. 3
    Tryb pełnoekranowy z Screen Wake Lock
    Włączenie trybu pełnoekranowego wyświetla nakładkę, w której cały ekran jest polem do stukania. Jednocześnie narzędzie żąda blokady wybudzenia przez navigator.wakeLock.request('screen') — API przeglądarki, które prosi system o niewygaszanie ekranu. Blokada jest automatycznie odzyskiwana, gdy karta znów staje się widoczna po przejściu w tło.
  4. 4
    Wiele liczników z łączną sumą
    Dodanie drugiego licznika tworzy nowy wpis z identyfikatorem wygenerowanym przez crypto.randomUUID(). Gdy liczników jest więcej niż jeden, łączna suma jest obliczana przez zsumowanie wszystkich wartości i wyświetlana nad listą liczników. Każdy licznik ma niezależne ustawienia kroku, resetu i wartości ujemnych.

Powiązane narzędzia

Często zadawane pytania