Нужны ли внешние библиотеки или скрипты для работы баннера?

Нет, сгенерированный HTML-код полностью автономен, содержит встроенные CSS-стили и работает на чистом JavaScript.

Как работает еженедельный режим таймера?

После достижения целевого времени таймер автоматически прибавляет 7 дней и начинает отсчёт до следующего еженедельного события.

Можно ли скрыть секунды на баннере?

Да, для этого достаточно снять флажок «Показывать секунды» в настройках генератора перед копированием кода.

Что произойдет, когда таймер дойдет до нуля в однократном режиме?

Отсчёт остановится на нуле, а вместо таймера отобразится указанное вами сообщение по истечении времени.

Будет ли таймер работать в электронных письмах?

Встроенные стили сохранятся, но интерактивный отсчёт на JavaScript запустится только в почтовых клиентах с поддержкой выполнения скриптов.

Elysia Tools

Навигация

Generator

Генератор баннера обратного отсчёта

Создаёт баннер обратного отсчёта в реальном времени (HTML+JS, без зависимостей) для встраивания на любую страницу. Темы, локализация, однократный или еженедельный режим, переключение на «завершено».

Детали

С чем помогает этот инструмент

Самодостаточный баннер обратного отсчёта без зависимостей — вставляется в любой HTML, Markdown или статический сайт.

Как работает. Вы даёте целевой момент (дата + время + часовой пояс). Генератор выдаёт блок <div> с инлайн-CSS и крошечным таймером на чистом JS, который каждую секунду пересчитывает дни/часы/минуты/секунды. Без iframe, без внешних запросов, без сборки.

Режимы.

Однократный — отсчёт до цели, затем фиксация на нуле и замена подписи на «завершено».
Повторяющийся (еженедельно) — после цели отсчёт сдвигается на 7 дней до следующего будущего момента. Для еженедельных стримов и распродаж.

Темы. Пять встроенных (фиолетовый градиент, закат, синий, светлый минимал, тёмная).

Локализация. Подписи (Дни/Часы/Минуты/Секунды/Завершено) — на выбранном языке, прямо в сниппете.

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Подготовленные примеры запуска

Нажмите пример, чтобы автоматически заполнить форму. Файлы по-прежнему нужно загрузить.

2 примеров

Обратный отсчёт до Нового года, UTC

Однократный отсчёт до Нового 2027 года, UTC, фиолетовый градиент, английские подписи, с секундами.

{
  "type": "html"
}

Еженедельный стрим в Токио

Повторяющийся еженедельный отсчёт для стрима в 20:00 Asia/Tokyo, градиент-закат, английские подписи.

{
  "type": "html"
}

Ввод

Заполните нужные поля и запустите инструмент.

8 параметров

СодержимоеВставьте или введите основные значения.4

Целевые дата и времяtextОбязательноЧасовой поясtextНеобязательноЗаголовок / подписьtextНеобязательноСообщение по истеченииtextНеобязательно

НастройкиНастройте форматы, диапазоны, числа и режимы.3

ТемаselectНеобязательноРежимselectНеобязательноЯзыкselectНеобязательно

ПереключателиВключайте или отключайте дополнительные режимы.1

Показывать секундыcheckboxНеобязательноВключено, если отмечено

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Генератор баннера обратного отсчёта

С чем помогает этот инструмент

Запустить этот инструмент

Подготовленные примеры запуска

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Подготовленные примеры запуска

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

Ключевые факты

Обзор

Когда использовать

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

Сценарии использования

Примеры

1. Таймер обратного отсчёта до Нового года

2. Еженедельный таймер для стримов в Токио

FAQ

Примеры Обработки Изображений Web Python

Примеры Обработки Изображений Android Java

Примеры Обработки Изображений Android Kotlin

Примеры Обработки Изображений Web Rust

Конструктор HTML-подписи для email

Извлечение изображений и captions из PDF

Генератор heatmap доступности

Генератор API Документации

Инструменты извлечения, очистки и экспорта HTML в Markdown/PDF

Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov

Инструменты кодирования и конвертации аудио

Инструменты конвертации форматов изображений и анимированного экспорта