Toolkit

Руководство по Часы

Мировые часы, секундомер и таймер обратного отсчёта в одном инструменте.

Назад к Часы

Что делает этот инструмент

Инструмент «Часы» объединяет мировые часы, секундомер и таймер обратного отсчёта в одном. Мировые часы показывают живое время для любой IANA временной зоны, обновляясь каждую секунду. Секундомер измеряет время с поддержкой кругов с помощью requestAnimationFrame для точности. Таймер принимает часы, минуты и секунды и отсчитывает до нуля с анимированным кольцом прогресса. Всё работает в браузере — без сервера.

Как использовать

  1. Мировые часы — Добавьте часовые пояса из выпадающего списка. Просматривайте живое время и смещение UTC. Удаляйте зоны по необходимости.
  2. Секундомер — Старт, стоп, пауза, круг и сброс. Время кругов записывается в список.
  3. Таймер — Введите часы (0–99), минуты (0–59), секунды (0–59). Запустите таймер. На нуле появляется «Время вышло!» и кольцо завершается.
  4. Переключение вкладок — Переходите между мировыми часами, секундомером и таймером.

Как это работает

Мировые часы: Используют Intl.DateTimeFormat и setInterval (1 с) для отображения живого времени выбранных IANA зон. Переиспользует функции из конвертера часовых поясов. Секундомер: Использует requestAnimationFrame для времени без дрейфа; хранит промежуточные круги. Таймер: Парсит ввод, ведёт обратный отсчёт с setInterval и анимирует SVG-кольцо. На нуле таймер останавливается и показывает уведомление. Летнее время обрабатывается Intl API браузера.

Вся обработка выполняется в браузере. Никакие данные не отправляются на сервер.

Примеры использования

  • Удалённые встречи — Проверяйте время в нескольких локациях.
  • Тренировки — Используйте секундомер и круги для интервалов.
  • Готовка — Используйте таймер для времени приготовления.
  • Фокус — Таймеры в стиле Pomodoro.
  • Путешествия — Сравнивайте домашнее и целевое время.

Пример

  • Добавьте Asia/Ho_Chi_Minh и America/New_York → Смотрите оба в реальном времени.
  • Секундомер: Старт, круг на 30 с, круг на 60 с → Круги записаны.
  • Таймер: 0ч 5м 0с → Таймер на 5 минут.

Ограничения

  • Фоновая вкладка — Фоновые вкладки могут замедлять таймеры; держите вкладку активной для точности.
  • Только IANA — Используются имена IANA; аббревиатуры (напр. EST) могут быть неоднозначны.
  • Диапазон таймера — Часы 0–99, минуты/секунды 0–59.
  • Без сохранения — Секундомер и таймер сбрасываются при перезагрузке страницы.

Как это работает

Метод

  • World Clock displays live time for selected IANA timezones, updated every second.
  • Stopwatch uses high-precision timing for accuracy; supports start, stop, resume, lap, and reset.
  • Countdown accepts hours (0–99), minutes (0–59), seconds (0–59); inputs disabled while running.
  • Countdown stops at zero and displays 'Time's up!' without user action.

Что нужно знать

  • Works in all modern browsers with standard web APIs.
  • Works in all modern browsers with standard web APIs.

Все расчёты и конвертации выполняются в браузере. Никакие данные не отправляются на сервер — ввод не покидает устройство.