怎样用HTML5制作旋转时钟?

网友解答: 你是想要用html5制作一个可以自己跑动的时钟吗,其实并不是很难,只要用html5的canvas来绘制一个就可以了。代码我就不用文字打了,给你传个图片,模仿者写一下就行了。原

网友解答:

你是想要用html5制作一个可以自己跑动的时钟吗,其实并不是很难,只要用html5的canvas来绘制一个就可以了。代码我就不用文字打了,给你传个图片,模仿者写一下就行了。

原理其实很简单,用canvas分别将表盘、时针、分针、秒针绘出来,然后,设置个定时器,每隔一秒获取系统时间然后将表盘重新绘制,就模拟出来钟表跑动的效果了,具体效果看下图。

标签: