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.
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.
- 1Stan przechowywany w localStoragePo 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.
- 2Zwiększanie/zmniejszanie przez stan ReactStuknię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.
- 3Tryb pełnoekranowy z Screen Wake LockWłą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.
- 4Wiele 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
Metronom
Trzymaj tempo podczas ćwiczeń z metronomem dokładnym co do próbki — ustaw BPM, wybierz metrum, dodaj podziały i wystukaj rytm.
Licznik słów
Licz słowa, znaki, zdania i akapity. Szacuj czas czytania.
Licznik częstotliwości słów
Zliczaj, jak często każde słowo pojawia się w Twoim tekście. Wizualizuj najczęstsze słowa, eksportuj do CSV i filtruj słowa stopowe.