A Cool Clock With Pure JavaScript and HTML5 | Coolock

Coolock is a cool clock with pure JavaScript that is used to display an analog clock on a web page using an HTML5 panel.

javascript analog clock, javascript analog clock code free download, javascript clock code, digital clock using html code

How to make use of it:

1. Import the coolock.js script into your HTML page.

<script src="coolock.js"></script>

2. Create a container element in which you want to put the analog clock.

<div id="coolockWrapper"></div>

3. Create a new Coolock object and specify the height/width of the analog clock.

new Coolock(180, 180);
PropertyTypeDescriptionDefault Value
sizeNumberThe size of canvas.400
strokeColorStringThe html color of strokes like red and #f00.#000
fillColorStringThe filling color like blue and #00f#fff
lineCapStringThe type of line cap could be buttround or square.round
canvasIdStringThe id of canvas.coolock
canvasWrapperIdStringThe id of html element that Coolock canvas should be rendered there.coolockWrapper

Minimal Canvas Clock, Coolock Plugin/Github


See Demo And Download

Official Website(FarahmandM): Click Here

This superior jQuery/javascript plugin is developed by FarahmandM. For extra advanced usage, please go to the official website.

Share