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

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

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

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

Они могут содержать дни, часы, минуты и секунды и любые слова в начале и конце, например: «30 дней», «4 часа», «59 минут». При необходимости можно также разделить их на отдельные слова: «30», «дней», «4», «часа», и т.д.
Если вы планируете использовать несколько таймеров на одной странице, задайте им разные названия классов, например, .timer1, .timer2 и т. д.
Как задать класс блокам/элементам?
Задайте элементам таймера data-атрибут data-time с нужной единицей времени
Для каждого типа времени укажите своё значение:
- days – для количества дней
- hours – для часов
- minutes – для минут
- seconds – для секунд
- weeks – для недель
- months – для месяцев
- years – для лет
Если у времени склоняемый текст располагается в отдельных элементах, укажите для него атрибут data-time="*-label", где вместо * – нужная единица времени (например, days-label, hours-label, minutes-label и т. д.). По этому атрибуту модификация определяет, к какому элементу относится текст.
Как задать элементам data-атрибут?
Задайте в настройках модификации точку отсчёта и поведение таймера
Скопируйте код и вставьте его в блок 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 режима

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

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