FAQ Цифровые часы на JavaScript

Oleg Polikhronidi · 5 Июн 2021

Самые простые и довольно таки частые, к тому же лёгкие разработки — это цифровые часы на JavaScript.
Может-быть кто-нибудь когда-нибудь видел на сайтах такие штуки, так вот, ниже будет код, как реализовать такое, думаю будет полезно!

HTML-код, которые нужно вставлять в [B]<body onload="digitalWatch()"> и </body>[/B]

HTML:

<p id="digital_watch" style="color: #00f; font-size: 120%; font-weight: bold;"></p>

Этот код нужно вставить в тэг head

JavaScript:

<script type="text/javascript">
  function digitalWatch() {
    var date = new Date();
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    if (hours < 10) hours = "0" + hours;
    if (minutes < 10) minutes = "0" + minutes;
    if (seconds < 10) seconds = "0" + seconds;
    document.getElementById("digital_watch").innerHTML = hours + ":" + minutes + ":" + seconds;
    setTimeout("digitalWatch()", 1000);
  }
</script>

Получится вот такой результат (он тут не работает, это просто пример, т.к реализовывать нужно в коде):
12:00:01

Переход в группу "Пользователь"

FAQ Цифровые часы на JavaScript

Oleg Polikhronidi

Изучающий