JavaScript Analog Clock jQuery Widget: Use CSS rotate the pointers of an analog clock

Recommend this page to a friend!
  Info   View files Example   Demos   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStar 59%Total: 179 All time: 291 This week: 5Up
Version License JavaScript version Categories
analog-clock 1.0GNU General Publi...1.0Animation, HTML, jQuery, Time and Date
Description Author

This object can render an analog clock rotating the pointers according to the current time.

It checks the current time and calculates the angle that the pointers of the hour, minute and second should be rotated to present the time like a regular analog clock.

Innovation Award
JavaScript Programming Innovation award nominee
April 2015
Number 5
Displaying the current time may be useful to some Web applications.

This package can display a nice analog clock using CSS element rotation properties to show the clock pointers in the current time position.

Manuel Lemos
Picture of Suresh Kumar
Name: Suresh Kumar <contact>
Classes: 4 packages by
Country: India India
Age: ???
All time rank: 665 in India India
Week rank: 6 Up1 in India India Up
Innovation award
Innovation award
Nominee: 4x

Winner: 1x

  Analog clock demoExternal page  

Open in a separate window

  Files folder image Files  
File Role Description
Plain text file script.js Class Main script
Accessible without login Plain text file style.css Data clock style
Accessible without login HTML file example.html Doc. Example markup
Accessible without login Plain text file html_code.html Example html code example

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:291
This week:5Up
User Ratings User Comments (1)
 All time
Nice ! Congrat :)
7 years ago (Heirem)