🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Clock.js is a really small jQuery plugin which lets you render HTML5 analog and digital clocks with 3 built-in themes on the webpage.

Analog-clock Digital-Clock

Documentation

clock

clock - jQuery plugin

html code:

<div class="clock"></div>

css code:

.clock { position: relative;}

js code:

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="js/clock-1.1.0.js"></script> <script>     var clock = $(".clock").clock({         width: 300,       // set width         height: 450,      // set height         theme: 't1',      // set theme  => 't1' 't2' 't3'         date: new Date()  // set date => new Date()     }),     data = clock.data('clock');          // data.pause();                // data.start();              // data.setTime(new Date());      </script>

You May Also Like