Merge pull request #13 from jorgemonte/add-digital-clock

sunilsj99 · web-flow · commit d63e563fa7ac · 2017-10-26T09:53:03.000+05:30
Add Javascript Digital-Clock
diff --git a/digital-clock/index.html b/digital-clock/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Javascript Digital Clock</title>
+	<link rel="stylesheet" href="style.css">
+</head>
+<body>
+	<div class="container">
+		jjj
+	</div>
+	<script src="script.js"></script>
+</body>
+</html>
diff --git a/digital-clock/script.js b/digital-clock/script.js
@@ -0,0 +1,19 @@
+(function() {
+    function addZeroBefore(v) {
+        return +v < 10 ? "0" + +v : v;
+    }
+
+    function showTime() {
+        
+        var today = new Date();
+        var textTime = addZeroBefore(today.getHours()) + " : " + addZeroBefore(today.getMinutes()) + " : " + addZeroBefore(today.getSeconds());
+
+        document.getElementById("time").innerHTML = textTime;
+
+        setTimeout(function() {
+            showTime()
+        }, 1000);
+    }
+
+    showTime();
+})();
diff --git a/digital-clock/style.css b/digital-clock/style.css
@@ -0,0 +1,18 @@
+*{
+	padding:0;
+	margin:0;
+}
+
+
+.container{
+	background-color:#3030bb;
+	height:100vh;
+	padding:30px 40px;
+	display:flex;
+	font-size:10em;
+	justify-content: center;
+	align-items: center;
+	color:whitesmoke;
+	font-family: courier;
+}
+
