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

3 готовых варианта — скопируйте и вставьте

Вариант 1: iframe (рекомендуемый)

<iframe src="https://времявтюмени.рф/widget.html" width="300" height="100" frameborder="0" style="border-radius:12px;"></iframe>

Плюсы: Автообновление, точное NTP-время, красивый дизайн

Вариант 2: JavaScript

<div id="clock" style="font-size:32px;font-weight:700;color:#00d4ff;font-family:monospace;text-align:center;padding:20px;">--:--:--</div>
<script>
function updateClock(){
  var n=new Date(),u=n.getTime()+n.getTimezoneOffset()*60000;
  document.getElementById('clock').textContent=new Date(u+18e6).toLocaleTimeString('ru-RU');
}
setInterval(updateClock,1000);updateClock();
</script>

Плюсы: Полный контроль дизайна, без внешних запросов

Вариант 3: Мини-часы

<div style="padding:8px 16px;background:#0a0a2e;border-radius:20px;display:inline-block;font-family:monospace;color:#00d4ff;">
  ⏰ <span id="mc">--:--</span> UTC+5
</div>
<script>
setInterval(function(){
  var n=new Date(),u=n.getTime()+n.getTimezoneOffset()*60000;
  document.getElementById('mc').textContent=new Date(u+18e6).toLocaleTimeString('ru-RU',{hour:'2-digit',minute:'2-digit'});
},60000);</script>

Плюсы: Компактный, для сайдбара и футера

FAQ

Часы отстают — что делать?

Часы используют UTC+5 (Тюмень). Если ваш сайт на хостинге в другом часовом поясе, убедитесь, что JavaScript выполняется на стороне клиента.

Можно ли изменить часовой пояс?

Да, замените 18e6 (5 часов × 3600000 мс) на нужное значение. Москва = 10800000 (3 часа), Камчатка = 39600000 (11 часов).

Можно ли показать 2 часовых пояса?

Да, добавьте второй элемент с другим смещением. Например, Москва + Тюмень:

Москва: <span id="msk"></span> | Тюмень: <span id="tum"></span>