index.html

FekraSolutions · web-flow · commit 51323d8935ca · 2024-10-16T04:08:29.000+03:00
diff --git a/index.html b/index.html
@@ -1 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Countdown Timer</title>
+    <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            font-family: Arial, sans-serif;
+        }
+        #countdown {
+            font-size: 48px;
+        }
+    </style>
+</head>
+<body>
+    <div id="countdown">10:00</div>
+    <script>
+        // Set the date we're counting down to
+        var countDownDate = new Date().getTime() + 10 * 60 * 1000; // 10 minutes from now
 
+        // Update the count down every 1 second
+        var x = setInterval(function() {
+            // Get today's date and time
+            var now = new Date().getTime();
+            
+            // Find the distance between now and the count down date
+            var distance = countDownDate - now;
+
+            // Time calculations for minutes and seconds
+            var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+            var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+            // Display the result in the element with id="countdown"
+            document.getElementById("countdown").innerHTML = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
+
+            // If the count down is finished, write some text
+            if (distance < 0) {
+                clearInterval(x);
+                document.getElementById("countdown").innerHTML = "TIME'S UP!";
+            }
+        }, 1000);
+    </script>
+</body>
+</html>
