HTML код часов для вашего сайта

Скопируйте и вставьте — часы начнут работать сразу

Вариант 1: Простые часы

<div id="clock" style="font-family:Arial;font-size:24px;font-weight:bold;padding:10px;background:#1a1a3e;color:#00d4ff;border-radius:8px;text-align:center;">--:--:--</div> <script> function updateClock(){ var n=new Date(); document.getElementById("clock").textContent=n.toLocaleTimeString("ru-RU"); } setInterval(updateClock,1000); updateClock(); </script>

Вариант 2: С датой

<div id="dt" style="text-align:center;padding:10px;background:#f5f5f5;border-radius:8px;"></div> <script> function updateDT(){ var n=new Date(); document.getElementById("dt").innerHTML= n.toLocaleDateString("ru-RU",{day:"numeric",month:"long",year:"numeric"})+"<br>"+ n.toLocaleTimeString("ru-RU"); } setInterval(updateDT,1000); updateDT(); </script>

FAQ

Часы показывают московское время?

По умолчанию часы берут часовой пояс браузера. Если нужен другой — используйте виджет.

Все варианты | Виджет