JS DOM: Digital Clock

By Xah Lee. Date: . Last updated: .

Here is JavaScript example that prints the current time.

code

<div id="display27610"></div>
{
 // 2026-06-18

 const display27610 = document.getElementById("display27610");

 // conver number num to string, pad 0 in front to make it 2 digits
 const padNum = (num) => num.toString().padStart(2, "0");

 const updateDisplay = () => {
  const newdate = new Date();
  const hh = newdate.getHours();
  const mm = newdate.getMinutes();
  const ss = newdate.getSeconds();
  display27610.textContent = `${padNum(hh)}:${padNum(mm)}:${padNum(ss)}`;
 };

 updateDisplay();
 setInterval(updateDisplay, 1000);
}

JavaScript clock