Analog Clock

Parts of this Clock ( with Source code )

Pard	Description
Dial	Outer Dail with marks for minute and numbers showing hour
Second Needle	Add Second hand to Dial
Minute Needle	Add Minute needle moving along with second
Hour Needle	Add Hour needle to Clock
Clock Border	Add Border to our Clock
Numbers	Add Hour numbers to Clock
Clock	synchronize with your computer time
Clock Size	Can change the size of the Clock
StopWatch	Start Stop and reset functions of the clock

Coordinates of a point on Arc with respect to Radious and center

Some Improtant Variables to change the settings.

r=160 : Change the size of the Clock
speed=1000 : 1000 mill seconds is the actual speed of Clock , decreased to increase speed
arc_angle=10; angle of oppisite end of second niddle

Using JavaScript

There is no difference in basic code for this clock if you are using JavaScript. Here is one more demo of Clock by using JavaScript.

More on basic difference between JQuery & JavaScript while using Canvas

Analog Clock

Using JavaScript

Subscribe