Виджеты времени
на своем сайте
Выберите оформление, настройте детали и скопируйте код.
Ваши часы уже идут.
01 Выберите шаблон
Любой можно изменитьПредпросмотр
Подключаем часы…
03 Добавьте на сайт
HTMLВставьте код в HTML-блок страницы. Если часов несколько, подключите скрипт только один раз.
Всё, что нужно для установки
Встраивается в ваш дизайн
Прозрачный фон, свои цвета и гибкая ширина. Стили часов изолированы от оформления страницы.
Без лишних загрузок
Без библиотек, внешних шрифтов и изображений. Несколько часов используют одну синхронизацию.
С поправкой на сервер
Проверка времени при открытии, затем примерно раз в пять минут. Точность зависит от сети и устройства.
Нужно ли менять код при обновлении часов?
Нет. Вставьте код один раз: новые выпуски загружаются с постоянного адреса Time100 при следующем открытии страницы. Ваши настройки сохраняются. Уже открытая страница использует загруженный выпуск до перезагрузки.
Подойдёт для WordPress, Tilda или другого конструктора?
Используйте блок, который разрешает HTML и JavaScript: например, HTML-блок в конструкторе сайта. Некоторые платформы и тарифы удаляют теги script. В таком случае используйте обычную ссылку из блока ниже. После публикации проверьте страницу: режим редактора может не запускать скрипты.
Что означает автоматическая тема?
Виджет следует светлой или тёмной теме операционной системы посетителя. Если у вашего сайта собственный переключатель, выберите нужную тему вручную или меняйте атрибут data-theme у виджета на light или dark вместе с темой сайта.
Насколько точны часы и что происходит без связи?
Время корректируется по серверу Time100 с оценкой сетевой задержки. До первого успешного ответа используется время устройства. Если связь пропала позже, часы продолжают идти от последней синхронизации. Это не измерительный прибор: гарантированной точности до миллисекунды нет. Часовые пояса и сезонный перевод берутся из базы браузера посетителя.
Часы не появились. Что проверить?
Убедитесь, что страница сохранила тег script и разрешает его запуск. При политике CSP разрешите загрузку скрипта и стилей с , а для connect-src — обращения к . Виджет предназначен для современных браузеров с Shadow DOM, Intl и CSS container queries. Если браузер блокирует синхронизацию, часы временно показывают время устройства.
Нужна только ссылка или прежний баннер 88 × 31?
Старый код с t.js продолжает работать. Здесь также доступны простая ссылка и баннер. Время на картинке обновляется только при её загрузке.