Colour Clocky Clock [v7]

by gringer - uploaded on April 19, 2023, 11:52 am

Can't get enough clocks? Here are twelve of them showing the same time, and their face colour changes depending on the minute. The clocks rotate around the edge of the large clock at different rates, coming together every minute. The date is displayed in the middle indicating the current hour.



This is a good demonstration of use of the 'clone' function in SVG documents.



v5 -- fix hours for different time zones

v6 -- fix colour display for minutes

v7 -- smooth animation via requestAnimationFrame