Как сделать любой таймер внутри Zeroblock?
Этот скрипт позволит тебе сделать любой тип таймера внутри твоего Zeroblock. Пример работы модификации внизу cтраницы
1-5 мин.
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
JavaScript
Zeroblock
1. Создай на странице в нужном тебе зероблоке текстовые элементы в которых будут цифры таймера
2. Задай им соответствующие классы:
2. Задай им соответствующие классы:
Инструкция
Важно!
- Параметр "откуда получать дату" позволяет считать дату не опираясь на время в устройстве посетителя сайта, но будет делать запрос к общедоступному серверу мирового времени. Поэтому его можешь включить если тебе нужно считать время по единому стандарту для всех пользователей, например в цикличном таймере (не забудь что время считается по Мск). Если вдруг сервер будет недоступен, то код не сломается, но будет вынужден опереться на дату в устройстве пользователя (как большинство остальных слайдеров сейчас)
(Развернуть)
Скопировать
3. Укажи в генераторе id (без #rec) зероблока в котором делаем таймер
4. Выбери в генераторе тип таймера и перейди в соответствующий раздел:
4. Выбери в генераторе тип таймера и перейди в соответствующий раздел:
- Для часов класс
- Для дней класс
vdays
Скопировать
vhours
- Для минут класс
Скопировать
vminutes
- Для секунд класс
Скопировать
- Если нужен просто таймер до даты, то "до определенной даты"
vseconds
- Если на какое-то время с момента первого посещения то "на промежуток времени"
- Если повторяющийся, то "цикличный"
5. Задай в соответствующем разделе все нужные тебе параметры для таймера (всё время указывается по Мск).
6. Скопируй код и вставь в блок т123 на страницу, где должен быть таймер
6. Скопируй код и вставь в блок т123 на страницу, где должен быть таймер
Отчистить поля
undefined
(Если до определенной даты)
(Если на промежуток времени)
(Если циклический)
Скопировать код
Этот мод доступен по подписке
0
299
₽
₽
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню
123
Этот таймер считает до 1 января 2025 года
Пример работы модификации 1
000
00
00
00
Дни
:
:
:
Часы
Минуты
Секунды
Этот таймер считает 15 минут с момента первого посещения этой страницы
Пример работы модификации 2
00
00
00
00
Дни
:
:
:
Часы
Минуты
Секунды
Этот таймер считает 5 часов с 8ми утра по Мск каждый понедельник и пятницу
Пример работы модификации 3
00
00
00
00
Дни
:
:
:
Часы
Минуты
Секунды
Опиши нужный функционал через эту форму и он будет добавлен!
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?