HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>formatHms</title>
</head>
<body>
  <h1>Clock display</h1>
  <pre id="out"></pre>
  <script>
    function formatHms(date) {
      var h = date.getHours();
      var m = String(date.getMinutes()).padStart(2, "0");
      var s = String(date.getSeconds()).padStart(2, "0");
      return h + ":" + m + ":" + s;
    }

    document.getElementById("out").textContent =
      formatHms(new Date(2026, 6, 4, 9, 5, 7));
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Date getSeconds() — HH:MM:SS (Try It)