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

前端之家收集整理的这篇文章主要介绍了JS实现简易刻度时钟示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

布局代码如下:

<Meta charset="UTF-8">