Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.6/mods.min.js"></script>

Добавьте в Zero-блок текстовый элемент таймера и присвойте ему класс .timer

Модификация сама распознает содержимое: можно задать время через двоеточие — «12:30:59» (часы, минуты и секунды), либо словами, например: «осталось 12 дней 5 часов».
Если вы планируете использовать несколько таймеров на одной странице, задайте им разные названия классов, например, .timer1, .timer2 и т. д.
Как задать класс блокам/элементам?
Задайте в настройках модификации точку отсчёта и поведение таймера
Скопируйте код и вставьте его в блок T123 в конец страницы

<script>timer.init('.timer', { mode: 'recurring', time: '23:59:59' })</script>
<script>timer.init('.timer-countdown', { mode: 'countdown', date: '2026-12-01', time: '12:00' })</script>
<script>timer.init('.timer-evergreen')</script>
<script>timer.init('.timer-recurring', { mode: 'recurring', time: '23:59:59' })</script>
<script>timer.init('.timer-elapsed', { mode: 'elapsed', date: '2023-01-01', time: '00:00' })</script>

Все примеры

93

Настройки модификации

Дата и время

Класс таймера*

Режим таймера

Укажите дату и время в формате:

год-месяц-день – для даты
часов:минут:секунд – для времени

Если дата и время не заданы, модификация будет использовать значения, указанные в вёрстке (например, «осталось 30 минут») и отсчитывать их от момента визита

Поддерживает несколько режимов:

Отсчёт до даты – обратный отсчёт до конкретной даты.
С момента захода – отсчёт фиксированного времени для каждого посетителя.
Регулярный – отсчёт до определённого времени каждый день.
Прошло с даты – сколько времени прошло после события

+ Настройки таймера

Таймер

Текст после окончания

Запоминать точку отсчёта

Часовой пояс

Если включено, отсчёт продолжится с того же места после перезагрузки страницы

Текст, который появится вместо таймера, когда отсчёт дойдёт до нуля. По умолчанию – не задан

Привязывает таймер к одному часовому поясу для всех посетителей.
Если оставить пустым, часовой пояс определится автоматически на основе времени устройства посетителя

+ Триггер после окончания

Действия

Скрыть блоки

Показать блоки

Открыть поп-ап

Перейти на страницу

Блоки, которые таймер скроет на старте и отобразит только после окончания отсчёта

Блоки, которые таймер скроет после окончания отсчета. Перечисляются через запятую по классам или ID

<!--timer.js Таймер в Zero-блоке. https://postnikovmd.com/mods/timer-->
<script>timer.init(".timer")</script>

Скопировать код

Особенности

Работает с любой версткой

Можно собрать из любых текстовых элементов в Zero‑блоке
Поддерживает 4 режима

Отсчёт до времени, с момента захода, регулярный или от прошедшей даты
Есть триггеры по окончании

После окончания скрывает/показывает блоки, открывает поп-ап