Этот скрипт позволит тебе сделать любой тип таймера онлайн для сайта на тильде внутри твоего Zeroblock. Пример работы модификации внизу cтраницы
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
1-5 мин.
JavaScript
Zeroblock
1. Создай на странице в нужном тебе зероблоке текстовые элементы в которых будут цифры таймера
2. Задай им соответствующие классы:
Инструкция
Важно!
- Параметр "откуда получать дату" позволяет считать дату не опираясь на время в устройстве посетителя сайта, но будет делать запрос к общедоступному серверу мирового времени. Поэтому его можешь включить если тебе нужно считать время по единому стандарту для всех пользователей, например в цикличном таймере (не забудь что время считается по Мск). Если вдруг сервер будет недоступен, то код не сломается, но будет вынужден опереться на дату в устройстве пользователя (как большинство остальных слайдеров сейчас)
(Развернуть)
Скопировать
3. Укажи в генераторе id (без #rec) зероблока в котором делаем таймер
4. Выбери в генераторе тип таймера и перейди в соответствующий раздел:
- Для часов класс
- Для дней класс
vdays
Скопировать
vhours
- Для минут класс
Скопировать
vminutes
- Для секунд класс
Скопировать
- Если нужен просто таймер до даты, то "до определенной даты"
vseconds
- Если на какое-то время с момента первого посещения то "на промежуток времени"
- Если повторяющийся, то "цикличный"
5. Задай в соответствующем разделе все нужные тебе параметры для таймера (всё время указывается по Мск).
6. Скопируй код и вставь в блок т123 на страницу, где должен быть таймер
Отчистить поля
undefined
(Если до определенной даты)
(Если на промежуток времени)
(Если циклический)
Скопировать код
Этот мод доступен в PRO тарифе
0
349
₽
₽
Voron Free
Voron Pro
всего за
/ 1 мес.
Доступ ко всем модификациям библиотеки
Просмотр используемых блоков и их настроек для любого сайта, сделанного на Tilda, в том числе step-by-step анимаций