> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Countdown: таймер обратного отсчёта на лендинге

> Элемент Countdown в LanderLab: как добавить таймер обратного отсчёта, выбрать режим Date или Timer, настроить стиль, единицы и редирект.

Элемент Countdown помогает создать ощущение срочности на странице с помощью таймера.<br />Его обычно используют для акций, дедлайнов и действий с ограниченным временем.

Добавить его можно из левой боковой панели, а затем полностью настроить поведение и внешний вид.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/3BgL2rZlZyKSW3mn/images/countdown.png?fit=max&auto=format&n=3BgL2rZlZyKSW3mn&q=85&s=17d65e3e0179958658093114a8ac1f97" alt="Элемент Countdown и его настройки в редакторе" width="1916" height="992" data-path="images/countdown.png" />
</Frame>

## Настройки Countdown

### Style

* Выберите внешний вид таймера
* Разные стили меняют отображение цифр и подписей

### Mode

Доступны два режима:

* **Date** → отсчёт до конкретной даты и времени
* **Timer** → отсчёт (например, 10 минут) запускается при загрузке страницы

### Date

* Доступно в режиме **Date**
* Выберите точные дату и время в календаре

### Color

* Задаёт цвет цифр и подписей

### Size

* Изменяет размер текста таймера

### Hide Labels

* **Yes** → скрывает подписи (дни, часы, минуты)
* **No** → показывает их

### Full Width

* **Yes** → растягивает таймер на всю ширину контейнера
* **No** → оставляет компактным

### Redirect

* **Yes** → перенаправляет пользователей, когда отсчёт заканчивается
* **No** → после завершения ничего не происходит

## Items (единицы времени)

Вы можете выбрать, какие единицы времени показывать:

* Дни
* Часы
* Минуты
* Секунды

Каждую можно включить или отключить отдельно.

## Позиция и отступы

Как и у других элементов, можно настроить:

* Выравнивание
* Отступы (margin и padding)

## Как это работает

* В режиме **Date** отсчёт привязан к конкретному дедлайну
* В режиме **Timer** отсчёт запускается заново для каждого посетителя


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.