From 77627942563718997914a6a0f31e69769a6d56f8 Mon Sep 17 00:00:00 2001 From: Jorge Monte Date: Wed, 25 Oct 2017 23:22:52 -0400 Subject: [PATCH] Add Javascript Digital-Clock --- digital-clock/index.html | 14 ++++++++++++++ digital-clock/script.js | 19 +++++++++++++++++++ digital-clock/style.css | 18 ++++++++++++++++++ 3 files changed, 51 insertions(+) create mode 100644 digital-clock/index.html create mode 100644 digital-clock/script.js create mode 100644 digital-clock/style.css diff --git a/digital-clock/index.html b/digital-clock/index.html new file mode 100644 index 0000000..ff9c4b1 --- /dev/null +++ b/digital-clock/index.html @@ -0,0 +1,14 @@ + + + + + Javascript Digital Clock + + + +
+ jjj +
+ + + \ No newline at end of file diff --git a/digital-clock/script.js b/digital-clock/script.js new file mode 100644 index 0000000..ec1c6aa --- /dev/null +++ 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(); +})(); \ No newline at end of file diff --git a/digital-clock/style.css b/digital-clock/style.css new file mode 100644 index 0000000..899d5ac --- /dev/null +++ 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; +} +