One Handed Clock using canvas and js

It's been pretty hot here yesterday (40ºC) and I was a bit bored, so I had a go at designing a clock with only one hand. I was happy with the result, but then didn't have anyone to show it to, hence this post.

Works in Chrome and Safari and on iOS devices except the colours are a bit dark. Seems ok in FF, but the seconds take a while to sync with the hand. not sure why

Nice work, and an ingenious take on the more traditional one handed clocks/watches:

http://24hourtime.info/2008/11/22/the-sound-of-one-hand-tick...

and

http://24hourtime.info/2010/04/28/the-sound-of-a-one-handed-...

Cool, mesmerizing, innovative! Love it!

With a quick and easy modification of your code, you could make a 0 handed clock where the current time is always lined up at the top-center of the screen.

That way, you only have to look at one place to find the time.

A little disorienting at first, but after I adjusted to it the concept is pretty cool. I just built an egg-timer using JS/CSS, but plan on translating it onto an HTML5 canvas as I work my way through the learning process (via Dive Into HTML5). Now I've yours as an example when I inevitably get stumped by something :)

Can anyone else hear it ticking? (: Very cool.