From 8340eadb73031659af1a01d53b070dbca17ec7b7 Mon Sep 17 00:00:00 2001
From: ShreyaShukla03 <93048997+ShreyaShukla03@users.noreply.github.com>
Date: Thu, 13 Oct 2022 20:42:01 +0530
Subject: [PATCH] clock

It's a 24 -hour clock made by using simple html, css and javascript
---
 clock | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 clock
diff --git a/clock b/clock
new file mode 100644
index 0000000..7d9c94f
--- /dev/null
+++ b/clock
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Clock</title>
+<style>
+
+    body {
+        font-family: system-ui;
+        background: #f06d06;
+        color: white;
+        text-align: center;
+      }
+    </style>
+
+      </head>
+      <body>
+        <div id = "clock" onload="currentTime()"></div>
+
+
+        <script>
+            function currentTime() {
+    let date = new Date(); 
+    let hh = date.getHours();
+    let mm = date.getMinutes();
+    let ss = date.getSeconds();
+    let session = "AM";
+  
+      
+    if(hh > 12){
+        session = "PM";
+     }
+  
+     hh = (hh < 10) ? "0" + hh : hh;
+     mm = (mm < 10) ? "0" + mm : mm;
+     ss = (ss < 10) ? "0" + ss : ss;
+      
+     let time = hh + ":" + mm + ":" + ss + " " + session;
+  
+    document.getElementById("clock").innerText = time; 
+    let t = setTimeout(function(){ currentTime() }, 1000); 
+  
+  }
+  
+  currentTime();
+        </script>
+      </body>
+</html>
