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 |