Loading...
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ai-ассистент для Тильды
....
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

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.