Tick Tock – A CSS & JS Clock

CSS & JS Clock – created using a combination of CSS and Javascript. The Javascript gets the user’s local time and updates the CSS <div> tags with the appropriate hour and minute classes.

Tick Tock - A CSS & JS Clock

Clock is broken down into 3 layers. Hour/Min/Sec arms are created using transparent PNG files and layered on top of each other using absolute positioning.

The clock moves in increments of five minutes. The author was hesitant to make 60 segments of the arm since this was just an experiment.

Visit Website

View Demo

Related Posts

2 Comments Post a comment

  1. April 10, 2009 at 00:45

    This is very up-to-date information. I’ll share it on Twitter.

    · Reply
  2. April 10, 2009 at 07:22

    FANTASTIC!

    · Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>