Collection of free jQuery clock and watch examples from Codepen and GitHub.

Author

  • Ian

Made with

  • HTML / CSS / JS

About a code

Functioning Analog Clock

A fun little CSS and JavaScript clock that tells you the current time.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Jalin Burton

Made with

  • HTML (Haml) / CSS (SCSS) / JS

About a code

Multiple Timezones

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, bootstrap.js, moment.js

Author

  • Yelim Oh

Made with

  • HTML / CSS / JS

About a code

Animated Watch

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Clock

Author

  • Wikyware Net

Made with

  • HTML / CSS / JS

About a code

Clock

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Matthew Davis

Made with

  • HTML / CSS / JS

About a code

Flip Clock

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap.css, material-icons.css, bootstrap.js

Author

  • Chandra Shekhar

Made with

  • HTML / CSS (SCSS) / JS

About a code

Flip Clock

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Chris Ota

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

HTML/CSS Illustration - Rolex

Created a detailed Rolex day-date watch (including the logo!) in pure HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Chris Ota

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

HTML/CSS Illustration - Rolex

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • John Downie

Made with

  • HTML / CSS / JS

About a code

Watch

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: tweenmax.js

Author

  • James Grimshaw

Made with

  • HTML / CSS / JS

About a code

Pure CSS Watch

A watch made from pure CSS and JavaScript. No images here.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Shake Clock

Author

  • Andreas Gillström

Made with

  • HTML (Haml) / CSS (Sass) / JS

About a code

Shake Clock

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: csshake.css

Author

  • Tolga Ergin

Made with

  • HTML / CSS / JS

About a code

Mask Watch

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -