digital clock

amit265 · amit265 · commit b08ecfadfefe · 2025-11-11T16:50:08.000+05:30
diff --git a/digital-clock/index.html b/digital-clock/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Digital Clock</title>
+  <style>
+    body {
+      background-color: #0f172a;
+      color: #f8fafc;
+      font-family: system-ui, Arial;
+      height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+    }
+    .clock {
+      font-size: 70px;
+      font-weight: bold;
+      letter-spacing: 2px;
+    }
+    .date {
+      margin-top: 10px;
+      font-size: 20px;
+      color: #a5b4fc;
+    }
+  </style>
+</head>
+<body>
+  <div class="clock" id="clock">00:00:00</div>
+  <div class="date" id="date">--/--/----</div>
+
+  <script>
+    function updateClock() {
+      const now = new Date();
+      let hours = now.getHours();
+      let minutes = now.getMinutes();
+      let seconds = now.getSeconds();
+      console.log(now.getSeconds())
+
+    //   // Convert to 12-hour format
+    //   const ampm = hours >= 12 ? "PM" : "AM";
+    //   hours = hours % 12 || 12;
+
+      // Add leading zeros
+      hours = String(hours).padStart(2, "0");
+      minutes = String(minutes).padStart(2, "0");
+      seconds = String(seconds).padStart(2, "0");
+
+      // Update DOM
+      document.getElementById("clock").textContent = `${hours}:${minutes}:${seconds}`;
+      document.getElementById("date").textContent = now.toDateString();
+    }
+
+    // Run every second
+    setInterval(updateClock, 1000);
+
+    // Run immediately once to avoid 1s delay
+    updateClock();
+  </script>
+</body>
+</html>
