Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Идеи
Услуги
NLM165 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТ

Как сделать таймер обратного отсчета на тильде?

Эта модификация создает таймер обратного отсчета, отображая оставшееся время до заданной даты, с возможностью настройки отображения дней, часов, минут и секунд, а также поддержкой нескольких дат и сообщением о истечении времени.
Инструкция

Создай зероблок. Внутри зероблока добавь текстовый элемент, который будет таймером. Убедись, что формат текста – это единый текст (например, "10:10:10:10"). Стили (шрифт, цвет и т.д.) будут такими же, как у этого текстового элемента.

Для того чтобы настроить модификацию заполни следующие поля в генераторе:
  • «Класс таймера» – задает текст, который будет отображаться на кнопке.
  • «Показывать дни» – установите значение "Да" или "Нет", чтобы определить, должны ли отображаться дни в таймере.
  • «Показывать часы» – выберите значение "Да" или "Нет", чтобы включить или отключить отображение часов..
  • «Показывать минуты» – выберите значение "Да" или "Нет", чтобы указать, нужно ли показывать минуты в таймере.
  • «Показывать секунды» – выберите значение "Да" или "Нет", чтобы определить, должны ли отображаться секунды.
  • «Сообщение по истечению» – введите текст сообщения, которое будет показано по завершении таймера
Добавь столько дат, сколько нужно нажав "+Добавить даты"
  • «Введите год» – укажите год, до которого будет установлен таймер.
  • «Введите месяц числом» – введите месяц в числовом формате (1-12)
  • «Введите дату месяца числом» – введите день месяца для установки конечной даты таймера.
  • «Введите час» – укажите час, на который будет запланирован таймер.
  • «Введите минуту» – укажите минуты, которые должны быть установлены для таймера.

2. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Амбассадор Нолим – Артем Охранчук подготовила бесплатный шаблон и видеоинструкцию по настройке данной модификации.