简易图片时钟
思路
1.首先创建一个div,在div中有6个img标签,分别代表时分秒。
2.通过dom操作获取这6个img标签。
3.通过new Date()获取时间,根据时间来修改图片的显示。
4.设置定时器,达到一秒一动的效果
具体操作
创建基本的结构,默认显示00:00:00
<div>
<!-- 时 -->
<img src="images/0.png" alt="">
<img src="images/0.png" alt="">
:
<!-- 分 -->
<img src="images/0.png" alt="">
<img src="images/0.png" alt="">
:
<!-- 秒 -->
<img src="images/0.png" alt="">
<img src="images/0.png" alt="">
</div>
获取相关元素
var div=document.querySelector