yeah you'll need some code to animate the handles.

onion2k · on March 10, 2014

If by 'handles' you mean hands, what I built does that with CSS3's animation and transformations. No JS necessary. It's setting the initial positions that's the problem - CSS has no clock functionality.

The only non-JS solution is to tell people to only load the page at exactly 12:00:00, but that's a bit impractical.

schiffern · on March 12, 2014

> The only non-JS solution is to tell people to only load the page at exactly 12:00:00

If it's just a problem of initialization, couldn't you include a continuously-updated current_time.css file served with cache-control: no-cache?

You could estimate timezone from IP. It's not perfect, but it's the best you're gonna get without getTimezoneOffset().

Edmond · on March 10, 2014

apparently a firefox issue, it doesn't animate in FF but does in Chrome.

onion2k · on March 10, 2014

That's actually a lazy-developer-only-bothered-with-the-webkit-animation-class issue rather than a Firefox issue. Adding keyframes, moz-keyframes, and o-keyframes would make it cross-browser.