Home

This js library adds customizable analog/digital clocks easily to your webpage. only works in HTML5.

To add clocks into your webpage, simply follow these steps

1) Add the javascript file to your page:

<script src="clocklib_v0.1.js"/></script>

2) Initialize a Clock instance and use startStop method:

var clock = new Clock( 50 );  // refresh rate in millis
clock.startStop();

3) Add a canvas with class clockClass and use the customizable attributes:

<canvas class="clockClass" width="300" height="100"
    data-color="#ff5"
    data-background="black, red, green, blue, black"
    data-font-family="comic sans ms"
    data-type="digital"
    data-gradient="0,0,0,100">
    Canvas not sopported. Update browser.
</canvas>

Webpage:
https://dl.dropboxusercontent.com/u/4135903/ClockLib/clockTest.html