Обратный отсчёт
Обратный отсчёт — сколько дней осталось до даты.
Осталось дней
89 дн.
- Часы : минуты : секунды
- 08:29:53
- Дата и время события
- 10.01.2027 00:00
- Статус
- впереди
Расчёт предварительный · без учёта праздников
Оформление виджета
Тема сразу видна в калькуляторе выше и попадёт в код.
Расчёт выполняется в браузере — данные никуда не отправляются. Форма заявки в превью — демо платного тарифа, данные никуда не отправляются.
Встраивание
Код для вашего сайта
Скопируйте код и вставьте на Tilda, WordPress, Bitrix или любой лендинг.
Вставьте этот код в то место страницы, где нужен калькулятор.
Бесплатный виджет
Форма «Оставить заявку» — на платном тарифе. В бесплатном виджете только расчёт; на странице калькулятора включите «С формой заявки», чтобы посмотреть, как это выглядит.
Начальные значения при загрузке виджета. На странице калькулятора подставляются из текущего расчёта.
Бесплатная версия
Можно задать только основные параметры — стартовые значения полей. Свои цены, границы, метки и другие настройки виджета — на платном тарифе.
Для Битрикса добавляем data-skip-moving="true", чтобы CMS не переносила скрипт в конец страницы.
Сохраните виджет в кабинет — тогда код будет коротким, а настройки останутся у нас.
! Не загружается на сайте? Проверьте CSP ▾
Если на вашем сайте стоит Content-Security-Policy: default-src 'self', браузер заблокирует frame-src для calcraft.ru. Добавьте наш домен в frame-src:
- 1 — Meta-тег (самый простой): Добавьте в <head> вашего сайта, перед </head>: <meta http-equiv="Content-Security-Policy" content="frame-src 'self' https://calcraft.ru">
- 2 — Nginx: add_header Content-Security-Policy "frame-src 'self' https://calcraft.ru" always;
- 3 — Apache (.htaccess): Header set Content-Security-Policy "frame-src 'self' https://calcraft.ru"
После изменения — перезагрузите страницу. Если CSP поправить нельзя, используйте ссылку на калькулятор: открыть на calcraft.ru.
При блокировке виджет сам покажет эту подсказку на вашем сайте и кнопку «Открыть в новой вкладке».
Справка
Как устроен расчёт
Подробное описание параметров, значений по умолчанию и формул — для тех, кто хочет разобраться в деталях.
Калькулятор показывает точный обратный отсчёт до события: дни, часы, минуты и секунды, оставшиеся от текущего момента. Задайте дату и время события — получите полную раскладку и статус (впереди или уже прошло).
Расчёт предварительный, без учёта праздников; високосные годы учитываются.
Пример
- Дата события
-
Дата, до которой считаем время.
По умолчанию — сегодня + 90 дн.
Годы 1970–2100. - Время события
-
Время в формате чч:мм.
По умолчанию — 00:00.
Что показывает результат
- Осталось / Прошло дней — целые дни до события или после него.
- Часы : минуты : секунды — остаток внутри неполного дня.
- Дата и время события — введённый момент в формате дд.мм.гггг чч:мм.
- Статус — «впереди» или «уже прошло».
Разница во времени
Δсек = timestamp(событие) − timestamp(сейчас)
Если Δсек отрицательна — событие уже прошло («passed»); дальше берётся модуль |Δсек|.
Раскладка на дни/часы/минуты/секунды
дни = |Δсек| ÷ 86400 (целая часть)
часы = (|Δсек| mod 86400) ÷ 3600
минуты = (|Δсек| mod 3600) ÷ 60, секунды = |Δсек| mod 60
Зачем нужен обратный отсчёт?
Чтобы узнать, сколько дней, часов, минут и секунд осталось до события — Нового года, дедлайна, свадьбы или запуска.
Что происходит, если событие уже прошло?
Калькулятор не показывает отрицательные числа. Подпись меняется на «Прошло дней», а величины считаются по модулю — сколько времени прошло с момента события.
Учитывает ли калькулятор високосный год?
Да. Даты считаются через календарь, поэтому 29 февраля и длина года учитываются автоматически.
Зачем указывать время события, а не только дату?
Время нужно, чтобы точно посчитать часы, минуты и секунды до момента события, а не только целые дни. По умолчанию — полночь (00:00).
Можно ли встроить калькулятор на сайт?
Да. Нажмите «Встроить на сайт» под калькулятором — откроется код для вставки и выбор темы.