制作时钟之前我们先要去了解一下JaveScript中的Date(日期)对象和计时器。这样我们就可以正确显示时间。然后一些炫酷部分就是HTML+CSS动画了。
话不多说,直接看代码吧。
1、首先把我们要把一个时钟样式做出来,代码见下图:
注:图中我们采用了内联样式,所以代码看上去并不很整洁,建议大家还是按规范的代码格式去写。
2、那么看完效果图总觉的还少点什么,没错是还少了几根针,那代码还是见下图:
制作时钟之前我们先要去了解一下JaveScript中的Date(日期)对象和计时器。这样我们就可以正确显示时间。然后一些炫酷部分就是HTML+CSS动画了。
话不多说,直接看代码吧。
1、首先把我们要把一个时钟样式做出来,代码见下图:
注:图中我们采用了内联样式,所以代码看上去并不很整洁,建议大家还是按规范的代码格式去写。
2、那么看完效果图总觉的还少点什么,没错是还少了几根针,那代码还是见下图: