Добро пожаловать

Таймер написан на ультра-оптимизированном чистом JavaScript без внешних фреймворков. В скрипт попадает только код, необходимый для выбранного стиля, — минимальная нагрузка на CPU и плавная работа даже на слабых устройствах.

Цифры, карточки, перекидные, вращающиеся, кольца прогресса, неон, сегментные дисплеи и одометр — 21 вариант оформления.

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

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

Таймер автоматически масштабируется под размер контейнера через ResizeObserver и никогда не выходит за его границы.

Таймер изолирован в закрытый Shadow DOM. Это гарантирует, что стили никогда не сломают разметку вашего сайта и не пересекутся с вашим CSS.

Шрифты с поддержкой кириллицы встраиваются в скрипт в виде Base64 — таймер работает автономно, без интернета. При этом в скрипт попадает только подмножество нужных глифов, поэтому весь архив весит десятки килобайт.

Задайте формы слов («день / дня / дней») для нескольких языков — скрипт сам выберет язык по атрибуту lang страницы посетителя и правильно просклоняет подпись.