最近很火的时钟罗盘,下面是我写的一个效果图,我写的这个比较复杂一点,所以今天只介绍时钟部分。(最下方有源代码,喜欢的友友可以自行复制) 我们先介绍布局思路 1.,我们把它分成四个盒子,分别存储秒数,分钟数,小时数,星期数。 2.先把刻度数全部定位在各自盒子右边(左右),中间(上下)部分,然后依次旋转,形成罗盘布局。 3.让盒子以不同的速度旋转,(链接到时间),产生时钟效果。 下面我们来分析具体代码 **html部分** <!-- --> 这就是一个简单的布局,生成刻度内容我们使用js生成比较方便, 定义刻度数组;(js) var
