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
not sure if anyone will read this (it's 4 days later) ...
got some more free time, and added a bunch of options to the clock - there's a 'Show preferences' link in the top left now which will open a small panel.
can now switch between 12/24 hr, fixed/moving hour hand, hide tick or sweep the second hand and chose from a selection of fonts and colours
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 :)
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