Captain_kurO

This is just some doodle I create just now. I have always wanted a binary watch (I have even seen it in an online shop), but I need to save money (too much spending already). So in the meantime, I think “Why don’t I just create one?” using code of course. So I write this simple script:

Put this HTML code.

<pre>
	<div id="full"></div>
	H: <span id="hour"></span>
	M: <span id="minute"></span>
	S: <span id="second"></span>
</pre>

And this JavaScript code in one page.

h = document.getElementById("hour");
m = document.getElementById("minute");
s = document.getElementById("second");
f = document.getElementById("full");

function str_pad(s, n, p) {
	if (p == undefined) p = '0';
	while (s.length < n) {
		s = p + s;
	}
	return s;
}

function int_to_bin(i) {
	var b = '';
	i = parseInt(i);
	while (i > 0) {
		b = (i % 2) + b;
		i = parseInt(i / 2);
	}
	return b;
}

setInterval(function() {
	var d = new Date;
	h.innerHTML = str_pad(int_to_bin(d.getHours()), 6);
	m.innerHTML = str_pad(int_to_bin(d.getMinutes()), 6);
	s.innerHTML = str_pad(int_to_bin(d.getSeconds()), 6);
	f.innerHTML = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}, 1000);

And you will see something like this.