js实现图片时钟

首先说下为什么写这篇文章,因为自己在写图片时钟的时候思想走了弯路,所以在这里想先给大家简单说下正确的思路然后大家想一想再回来看这篇文章。

构思

首先我们要获取时间(不多说),至于怎么把图片和数字让他相关联,我用一个小知识点来解答这个问题,字符串拼接

先来个简单的布局


    

北京时间:

![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png)
![](img/0.png) ![](img/0.png) ![](img/0.png) ![](img/0.png) 分钟 ![](img/0.png) ![](img/0.png)

js部分把图片路径拼接上去就ok了


效果如下

js实现图片时钟_第1张图片
image.png

你可能感兴趣的:(js实现图片时钟)