diff --git a/Task - 2/IIT2019008/digitalClock/app.js b/Task - 2/IIT2019008/digitalClock/app.js new file mode 100644 index 0000000..3e9b631 --- /dev/null +++ b/Task - 2/IIT2019008/digitalClock/app.js @@ -0,0 +1,15 @@ +function change(){ + var all = new Date(); + var req = [all.getHours(),all.getMinutes(),all.getSeconds()]; + for (var i=0; i<3; i++){ + req[i] = String(req[i]); + if (req[i].length==1){ + req[i] = 0+req[i]; + } + } + document.querySelector(".hour").textContent = req[0]; + document.querySelector(".minute").textContent = req[1]; + document.querySelector(".second").textContent = req[2]; +} +change(); +setInterval(change, 1000); \ No newline at end of file diff --git a/Task - 2/IIT2019008/digitalClock/digitalClock.html b/Task - 2/IIT2019008/digitalClock/digitalClock.html new file mode 100644 index 0000000..4ff8b16 --- /dev/null +++ b/Task - 2/IIT2019008/digitalClock/digitalClock.html @@ -0,0 +1,17 @@ + + + + + Clock + + + + +
+
+
+
+
+ + + \ No newline at end of file diff --git a/Task - 2/IIT2019008/digitalClock/style.css b/Task - 2/IIT2019008/digitalClock/style.css new file mode 100644 index 0000000..791f4b9 --- /dev/null +++ b/Task - 2/IIT2019008/digitalClock/style.css @@ -0,0 +1,33 @@ +body{ + font-size: 100px; + color: rgb(20, 65, 61); + +} +.time{ + width: 30%; + margin: 0px auto; +} +.hour{ + float: left; + border-radius: 20%; + background-color: rgb(149, 197, 197); + margin: 15px; + margin-top: 50%; + padding: 15px; +} +.minute{ + border-radius: 20%; + float: left; + background-color: rgb(149, 197, 197); + margin: 15px; + padding: 15px; + margin-top: 50%; +} +.second{ + border-radius: 20%; + margin: 15px; + padding: 15px; + float: left; + background-color: rgb(149, 197, 197); + margin-top: 50%; +} diff --git a/Task - 2/README.md b/Task - 2/README.md new file mode 100644 index 0000000..b0066d4 --- /dev/null +++ b/Task - 2/README.md @@ -0,0 +1 @@ +Upload your Task two codes here ;)