Implement a working date/time display.

1 files changed, 35 insertions, 0 deletions

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;