Countdown Timer

Таймер обратного отсчёта

Отсчёт до любой будущей даты и времени. Ссылка URL для шаринга, встраиваемый iframe, живое отображение крупными цифрами. Идеально для Нового года, свадеб, запусков продуктов, оверлеев прямых трансляций.

Таймер обратного отсчёта — TL;DR

Отсчёт до любой будущей даты и времени. Ссылка URL для шаринга, встраиваемый iframe, живое отображение крупными цифрами. Идеально для Нового года, свадеб, запусков продуктов, оверлеев прямых трансляций.

Pomodoro и секундомеры измеряют относительное время — «25 минут от текущего момента» или «сколько уже идёт». Этот таймер обратного отсчёта измеряет абсолютное время — «сколько осталось до конкретной даты и времени». Цель остаётся фиксированной: обновите страницу, вернитесь завтра — отсчёт всё ещё указывает на тот же момент. Используйте этот инструмент для событий; используйте Stopwatch & Timer для задач.

Да. Нажмите Скопировать ссылку и вставьте куда угодно — Slack, email, твит, запись в блоге. URL содержит всё состояние (целевое время + опциональное название), так что получатель, открыв его, увидит тот же отсчёт до того же момента, на любом устройстве, без аккаунта.

Названия событий, даты и расшариваемые ссылки никогда не покидают ваше устройство. Откройте DevTools → Network и увидите ноль исходящих запросов во время использования.

Дней
:
Часов
:
Минут
:
Секунд

Быстрые пресеты

Больше, чем просто цифры

Создан для событий, прямых трансляций, занятий и личных моментов — а не просто для замера кофе-брейка.

Отсчёт до любого момента

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

Ссылка URL для шаринга

Нажмите Скопировать ссылку, чтобы получить URL вида ?to=2027-01-01T00:00&title=New%20Year. Любой, кто откроет ссылку, увидит тот же отсчёт до того же момента — без установки, без аккаунта.

Встраиваемый iframe

Добавьте &embed=1 к ссылке для шаринга — и страница уберёт интерфейс, идеально для оверлея прямой трансляции (OBS, Streamlabs), записи в блоге, свадебного сайта или лендинга события. <iframe src="…?to=…&embed=1">.

Пресеты событий

Пресеты в один клик для Нового года, Рождества и «через 7 / 30 / 100 дней». Плюс последние 10 ваших пользовательских событий сохраняются локально для быстрого вызова.

Будильник и мигание страницы при обнулении

Когда отсчёт достигает нуля, страница проигрывает звуковой сигнал через Web Audio API и мигает заголовком документа и фавиконом — чтобы пользователи увидели это из другой вкладки браузера.

Приватность по дизайну

Каждый тик выполняется в JavaScript на вашем устройстве. Ни названия событий, ни даты, ни данные буфера обмена никогда не передаются. Откройте DevTools → Network и убедитесь, что исходящих запросов ноль.

Как пользоваться обратным отсчётом

Три шага до отсчёта, которым можно поделиться и который можно встроить.

  1. 1

    Выберите целевой момент

    Кликните по выбору даты и времени и выберите любой будущий момент или нажмите пресет (Новый год, Рождество, +7 / +30 / +100 дней). При желании введите название события — «День свадьбы», «Запуск продукта», «Финальный экзамен» — оно появится над цифрами.

  2. 2

    Скопируйте ссылку для шаринга

    Нажмите Скопировать ссылку и вставьте куда угодно. URL кодирует всё состояние отсчёта — друзья, родные, клиенты и аудитория увидят один и тот же отсчёт до одного и того же момента, открыв ссылку.

  3. 3

    Встройте, если хотите

    Для прямых трансляций, блогов, свадебных сайтов или лендингов событий добавьте &embed=1 к ссылке для шаринга и вставьте в <iframe>. Режим встраивания убирает навигацию, футер и настройки — оставляя только цифры.

  4. 4

    long.how.step4.title

    long.how.step4.body

Создан для событий — больших и малых

Четыре частых сценария, где отсчёт с шарингом и встраиванием эффективнее напоминания на экране блокировки.

Отсчёт до запуска продукта или распродажи

Встройте отсчёт на лендинге, чтобы посетители сразу видели, когда начнётся запуск или закончится флеш-распродажа. Ссылка URL подходит и для маркетинговых писем — получатели кликают и видят тот же живой отсчёт, не покидая бренд-опыт.

Свадьбы, дни рождения, важные даты

Установите дату, дайте ей название, поделитесь ссылкой в семейном чате. Каждый, кто откроет ссылку, увидит живой отсчёт — идеально для встраивания на свадебный сайт, для писем save-the-date или просто для напоминания в чате, которое тикает в фоне.

Тайминг сегментов прямой трансляции

Используйте URL с &embed=1 как браузерный источник в OBS / Streamlabs, чтобы показать отсчёт до начала стрима, дедлайна AMA, окончания розыгрыша или закрытия аукциона — видимый зрителям как часть самой трансляции.

Экзамен / дедлайн / защита проекта

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

100% приватно — работает в вашем браузере

Названия событий, даты и расшариваемые ссылки никогда не покидают ваше устройство. Откройте DevTools → Network и увидите ноль исходящих запросов во время использования.

  • Все тики отсчёта, звуки будильника (Web Audio API) и записи в буфер обмена выполняются как JavaScript на вашей машине — это видно в исходниках страницы.
  • Сохранённые события живут только в localStorage; мы никогда не синхронизируем их с сервером.
  • Без логина, без телеметрии по названиям событий, без сторонних сервисов обратного отсчёта. Мы используем только один cookie для состояния cookie-согласия и один — для предпочтения языка.

Связанные руководства

Тщательно подобранные материалы по обратным отсчётам, встраиванию в прямые трансляции и маркетингу событий.

Часто задаваемые вопросы

Чем это отличается от таймера Pomodoro или секундомера?

Pomodoro и секундомеры измеряют относительное время — «25 минут от текущего момента» или «сколько уже идёт». Этот таймер обратного отсчёта измеряет абсолютное время — «сколько осталось до конкретной даты и времени». Цель остаётся фиксированной: обновите страницу, вернитесь завтра — отсчёт всё ещё указывает на тот же момент. Используйте этот инструмент для событий; используйте Stopwatch & Timer для задач.

Можно ли поделиться отсчётом с кем-то ещё?

Да. Нажмите Скопировать ссылку и вставьте куда угодно — Slack, email, твит, запись в блоге. URL содержит всё состояние (целевое время + опциональное название), так что получатель, открыв его, увидит тот же отсчёт до того же момента, на любом устройстве, без аккаунта.

Можно ли встроить это на мой сайт или в прямую трансляцию?

Да. Добавьте &embed=1 к ссылке для шаринга и вставьте результат в <iframe>. Режим встраивания скрывает навигацию, футер, панель настроек и рекламу — оставляя только большие цифры на прозрачном фоне. Работает в браузерных источниках OBS / Streamlabs, во встраиваниях WordPress / Squarespace, в Notion и на любом сайте, соответствующем стандартам.

Точен ли отсчёт на протяжении часов и дней?

Да. Мы сравниваем актуальное Date.now с абсолютной целевой миллисекундой — поэтому даже если ноутбук уходит в сон на часы и возвращается, или вы переключаете вкладки и браузер тормозит JavaScript, отображаемое время пересчитывается от абсолютной цели на каждом тике. Накопительного дрейфа нет.

Отправляется ли что-нибудь на ваш сервер?

Нет. Целевое время, название события, генерация ссылки для шаринга и воспроизведение будильника — всё это работает как JavaScript в вашем браузере. Последние 10 использованных событий сохраняются в localStorage на вашем устройстве. Откройте DevTools → Network и увидите ноль исходящих запросов во время использования.