demo
demo1
demo2
synopsis
html
<div id="clock1"></div>
javascript
$("#clock1").analogclock({size: [150, 150]});
options
size | block size [width, height] |
background_color | rect background color |
frame_fill_color | clock backbord color |
frame_color | clock frame color |
frame_width | clock frame width |
zone_fill_color | zone backbord color |
zone_ranges | zone range list. range begin and end point by minutes. |
minute_color | minute hand color |
minute_width | minute hand width |
minute_shape | minute hand shape. set with rerative scale(radius=1.0). |
hour_color | hour hand color |
hour_width | hour hand width |
hour_shape | hour hand shape. set with rerative scale(radius=1.0). |
dot_color | minute mark color |
dot_width | minute mark width |
dot_shape | minute mark shape. set with rerative scale(radius=1.0). |
dot_minutes | where put dot. point by minutes. |
methods
create | .analogclock('create', options) | setup clock |
update | .analogclock('update', hour, minute) | set time |