Таймер обратного отсчёта (в реальном времени: дни/часы/минуты/секунды)

Выберите целевую дату и время и наблюдайте, как счётчик убывает по секунде. Добавьте необязательное название для обозначения события. После достижения целевого момента то же отображение покажет прошедшее время.

Целевые дата и времяНазвание события (необязательно)

Выберите целевые дату и время для запуска отсчёта.

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

Как работает таймер

Отсчёт тикает раз в секунду с помощью setInterval. Каждый тик считывает текущее местное время, вычитает его из целевого и разбивает разницу на дни, часы, минуты и секунды. Обращений к серверу нет, поэтому отсчёт остаётся точным даже при отсутствии сети — нужно только загрузить страницу.

Часовые пояса используют тот, который браузер считает «местным». Если вы установили цель на «12:00 сегодня», а другой человек в другом часовом поясе откроет страницу, его отсчёт будет другим — оба правильны, но относятся к местным 12:00.

Типичные варианты использования

Дедлайны проектов (показать отсчёт на экране переговорной), запуски продуктов (отсчёт до публичного релиза), путешествия (отпуск, рейс, поезд), экзамены и сертификации, свадьбы и юбилеи, спортивные события. Поле названия позволяет подписать событие, чтобы страница была понятна с первого взгляда.

После наступления целевого момента то же отображение переключается на «прошло с» и продолжает считать вверх. Это удобно, когда нужно знать «сколько прошло с момента X» — например, «дней без инцидентов» для дежурного щита SRE.

Зачем таймер, а не напоминание в календаре

Напоминания в календаре срабатывают один раз в момент события. Живой таймер даёт постоянное фоновое осознание — полезно для целей, которые нужно держать в голове. Спортивные команды показывают их на экранах, команды разработчиков — в «военных комнатах», марафонцы прикрепляют к тренировочным экранам.

Если хотите разместить на общедоступном дашборде, добавьте страницу в закладки после установки цели. Состояние хранится в полях ввода; перезагрузка страницы сбрасывает его (общей ссылки пока нет, но поля ввода сохраняются в рамках сессии).

Частые вопросы

›Точен ли таймер до секунды?

Да — отображение обновляется раз в секунду, и каждое обновление пересчитывается от текущего времени, поэтому накопленное смещение невозможно.

›Какой часовой пояс используется?

Местный часовой пояс вашего браузера. Установленная цель интерпретируется в вашем местном поясе, а не UTC.

›Работает ли таймер офлайн?

Да, после загрузки страницы. Для продолжения работы таймера сетевое соединение не нужно.

›Можно ли поделиться таймером с кем-то?

Пока нет через URL. Мы работаем над закодированными URL-адресами с состоянием, чтобы ссылка могла передавать цель и название; пока можно поделиться скриншотом или видеозаписью экрана.

›Что происходит после наступления целевого момента?

Отображение переключается на «прошло с» и продолжает считать вверх. Числа остаются положительными, но метка меняется.

›Можно ли иметь несколько таймеров?

Откройте несколько вкладок — каждая независима. Встроенный режим нескольких событий запланирован.

›Продолжит ли таймер работать при переключении вкладок?

Браузеры ограничивают setInterval в фоновых вкладках. Отсчёт правильно наверстает упущенное при возвращении — пересчёт идёт от часов, а не от накопленных тиков.

›Данные куда-нибудь отправляются?

Нет. Всё остаётся в браузере.