Previous Post: Javascript: jQuery is the best free library, period!
Next Post: Deja Vu - Microsoft under monopoly attack again

What is a binary clock?

A binary clock uses LEDs or other on/off displays to represent the time.

Click Here To View Javascript Binary Clock

How do you read it?

Each column represents one digit of the time. From left to right, the first two columns are HH (hours), the middle two columns are MM (minutes), and the last two columns are SS (seconds). Each LED of the column has its own value; either 1, 2, 4, or 8. The top being 1. Most binary clocks have 1 start at the bottom, but I wanted to be different :) You determine that column's value by adding together the values of the lit LEDs in the row. So lets say 1 and 4 are on, that digit would be 5. If 1 and 8 were lit, the digit would be 9. In the image above, the time displayed is 14:54:24, or 5:54pm.

Javascript binary clock

Here is the Javascript Binary Clock script that I wrote. The script utilizes the jQuery Javascript Library. I am releasing the code with no restrictions. You may take it and use it as you like! If you put it on your site, perhaps you could at least link back to me somewhere on your site :)

Do you want a desktop version with real LEDs?

A stylish desktop binary clock would be a great gift for family/friends or yourself!

Related Topics

Last 5 Linkbacks

Post Comment