: SVG and Animation (SMIL, script based)
Stefan Goessner, Michel Hirtzler
Buil analog clock with hour, minute and second hand
- use 'animateTransform'
- use additive='sum'
- mechanical synchronized motion
1) Build the clock
Or use circles and stroke-dasharray to draw graduation : Example -
2) Add animation for the three hands - To verify animation, take one minute for one hour!
3) Change to get real time and add possibility to adjust real time
- Adjust also seconds, give graphic solution to adjust time .....
Example - Adjust also seconds, give graphic solution to adjust time .....
4) And a chronometer.
5) Add start and stop for chronometer