老师上课需要我们做一个时钟的尛作业 我把它放在上面记录一下啦
表盘和时针我都是用的背景图的形式，然后绝对定位通过调整left和top确定时针、分针、秒针的位置，transform-origin设置它们的旋转中心

JS代码（设置一个定时器每1秒执行一次，获取当前的时、分、秒控制时针、分针、秒针的度数）：

本篇内容我们用js配合css样式表来js实現时钟效果一个滚动时钟的动画效果这个效果一般都是用在网页开场动画以及区域的时间显示中，非常好看动画效果也很个性，我们先来看下运行后的效果：

下面就是这个滚动时钟动画的全部代码：

注意：其中最上面的是CSS样式内容大家可以在其中进行调整颜色字体等

JS玳码主要就是控制动画的滚动效果，CSS用来控制数字的大小等内容

本篇内容是脚本之家的原创，转载请留网址感谢你对脚本之家的支持。

本文主要介绍了jsjs实现时钟效果一個简单的数字时钟效果的示例代码具有很好的参考价值，下面跟着小编一起来看下吧

 
 // 定义一个函数用以显示当前时间