Виджет для встраивания

Бесплатные аналоговые часы для вашего сайта.

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

Живой предпросмотр

Масштабируемый iframe со встроенной ссылкой на авторство.

Измените размер окна, чтобы увидеть, как масштабируется виджет.

Скопировать и вставить

Два способа встраивания: выберите подходящий для вашей платформы.

<div style="display:inline-block;text-align:center">
  <iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="360" height="360" style="border:0;background:transparent;display:block" loading="lazy" title="Analogue clock by AnalogueClock.com"></iframe>
  <a href="https://analogueclock.com/?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener" style="display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#888;text-decoration:none">Analogue clock by AnalogueClock.com</a>
</div>

Работает везде, где разрешён HTML. Фиксированный размер в пикселях.

Где используют

Школьные доски

Разместите читаемые аналоговые часы на умной доске или сайте класса.

Оверлеи для стримов

Используйте источник браузера OBS для аккуратных часов в углу сцены.

Телевизоры в переговорных

Отображайте местное время на экранах в фойе, дашбордах и офисных дисплеях.

Личные блоги

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

Плагин для WordPress — скоро

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

Источник браузера OBS

Стримеры могут вставить URL iframe в OBS как источник браузера. Отдельное руководство по оверлею для трансляций будет построено на том же эндпоинте.

Условия использования

Встраивание бесплатно для личного, образовательного и коммерческого использования. Ссылка на авторство analogueclock.com в углу должна оставаться видимой — именно так новые пользователи находят проект.