Часы на Javascript для сайта

Несколько примеров реализации часов на Javascript для сайта. Простые цифровые часы, часы с секундами и миллисекундами, круглые часы со стрелками.

Самый простой способ реализации часов на JavaScript.

HTML:

<div id="clock"></div>

CSS:

#clock{
  color: #000;
  font-weight: bold;
  font-size: 30px;
}

JS:

window.onload = function(){
  window.setInterval(function(){
  var now = new Date();
  var clock = document.getElementById("clock");
  clock.innerHTML = now.toLocaleTimeString();
  },1000);
};

Можно так (Javascript):

function clock(){
  var date = new Date(),
         hours = (date.getHours() < 10) ? '0' + date.getHours() : date.getHours(),
         minutes = (date.getMinutes() < 10) ? '0' + date.getMinutes() : date.getMinutes(),
         seconds = (date.getSeconds() < 10) ? '0' + date.getSeconds() : date.getSeconds();
  document.getElementById('clock').innerHTML = hours + ':' + minutes + ':' + seconds;
}
setInterval(clock, 1000);
clock();