微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JS实现简易刻度时钟示例代码

如图所示,利用JS实现简易的刻度时钟;

原理如下:利用60等份的li进行布局,li两两之间的间隔为6deg,把基点定在圆心上,使得li圆形分布。然后另外设置三条针线的样式的位置,基点同样定在圆心上,然后秒针每秒动6deg,分针每秒动1/60deg,时针每秒动1/3600deg。

布局代码如下:

rush:xhtml;"> <Meta charset="UTF-8">