diff options
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | tempo.js | 35 |
2 files changed, 39 insertions, 2 deletions
@@ -4,13 +4,15 @@ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>New Tab</title> + + <script src="tempo.js"></script> </head> <body> <div id="time"> - <p>124527</p> + <p id="timeval"> </p> </div> <div id="date"> - <p>23 February 2014</p> + <p id="dateval"> </p> </div> </body> </html> diff --git a/tempo.js b/tempo.js new file mode 100644 index 0000000..db8c039 --- /dev/null +++ b/tempo.js @@ -0,0 +1,35 @@ +var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; + +function padTime(x) { + if(x < 10) { + return "0" + x; + } else { + return x; + } +} + +function updateTime() { + var date = new Date(); + + var h = date.getHours(); + var m = date.getMinutes(); + var s = date.getSeconds(); + + var dd = date.getDate(); + var dm = date.getMonth(); + var dy = date.getFullYear(); + + var str_t = padTime(h) + ":" + padTime(m) + ":" + padTime(s); + var str_d = dd + " " + months[dm] + " " + dy; + + document.getElementById("timeval").innerHTML = str_t; + document.getElementById("dateval").innerHTML = str_d; +} + +function startTempo() { + updateTime(); + + setInterval(updateTime, 1000); +} + +window.onload = startTempo; |