Home HTML & HTML5 A Cool Clock With Pure JavaScript and HTML5 | Coolock

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

Responsive Analog Clock Ui Design Using HTML CSS & JavaScript

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);

Property	Type	Description	Default Value
`size`	Number	The size of canvas.	`400`
`strokeColor`	String	The html color of strokes like `red` and `#f00`.	`#000`
`fillColor`	String	The filling color like `blue` and `#00f`	`#fff`
`lineCap`	String	The type of line cap could be `butt`, `round` or `square`.	`round`
`canvasId`	String	The id of canvas.	`coolock`
`canvasWrapperId`	String	The id of html element that Coolock canvas should be rendered there.	`coolockWrapper`