Онлайн-счётчик (кликер) — бесплатно
Счётчик кликов, автоматически сохраняющийся в браузере. Добавляйте несколько счётчиков с произвольными метками и шагами. Считайте людей, повторения, круги, инвентарь — всё что угодно.
Частые применения
- Считайте людей на мероприятияхОтслеживайте посещаемость, количество человек или вместимость у дверей и мест.
- Считайте товары и запасыУчитывайте товары при подсчете товаров, не теряя своего места.
- Считайте повторения и подходыОтслеживайте повторения упражнений, подходы или раунды с большими полями для нажатия.
- Счетчик рядов для вязания и крючкаОтслеживайте ряды и повторы узора в вашем проекте.
- Считайте птиц, диких животных и опросыУчитывайте наблюдения во время подсчета птиц, опросов и полевых исследований.
Как это работает
Этот счётчик подсчёта полностью работает в вашем браузере, используя состояние React и встроенный API localStorage браузера — нет сервера, нет аккаунта, и никакие данные никуда не отправляются. Счётчики автоматически сохраняются при обновлении страницы, а полноэкранный режим использует API Screen Wake Lock, чтобы держать экран включённым во время подсчёта.
- 1Состояние хранится в localStorageПри загрузке страницы инструмент считывает любые ранее сохранённые счётчики из localStorage по фиксированному ключу. Каждый счётчик — его метка, текущее значение, размер шага и флаг разрешения отрицательных значений — сериализуется как JSON и записывается обратно в localStorage при каждом изменении, так что ваши счётчики переживают случайное закрытие вкладки или обновление.
- 2Инкремент/декремент через состояние ReactНажатие + или большой центральной кнопки вызывает обновление, которое добавляет настроенное значение шага к текущему значению счётчика. Если разрешение отрицательных значений выключено, результат ограничивается нулём с помощью Math.max. Клавиатурные сокращения (Пробел/+ для увеличения, -/Backspace для уменьшения) подключены через слушатель window keydown, который нацелен на активный счётчик.
- 3Полноэкранный режим с Screen Wake LockПереход в полноэкранный режим отображает наложение, где вся область экрана является целью нажатия. Одновременно инструмент запрашивает блокировку пробуждения через navigator.wakeLock.request('screen') — API браузера, который просит ОС подавить засыпание экрана. Блокировка автоматически восстанавливается, если вкладка снова становится видимой после нахождения в фоне.
- 4Несколько счётчиков с общей суммойДобавление второго счётчика создаёт новую запись с ID, сгенерированным crypto.randomUUID(). Когда существует более одного счётчика, общая сумма вычисляется путём суммирования всех значений и отображается над списком счётчиков. Каждый счётчик имеет независимые настройки шага, сброса и разрешения отрицательных значений.
Похожие инструменты
Метроном
Держите темп во время практики с точным до сэмпла метрономом — установите BPM, выберите размер, добавьте субдивизии и постучите, чтобы найти долю.
Счётчик слов
Считайте слова, символы, предложения и абзацы. Оценка времени чтения.
Счётчик частоты слов
Считайте, как часто каждое слово встречается в тексте. Визуализируйте топ слов, экспортируйте в CSV и фильтруйте стоп-слова.