实例效果： 实现时间走动效果（从 60 秒开始），且有如下效果：
- 当秒数为 5 的倍数时，页面出现爆炸效果。
- 爆炸发生在页面上随机某位置。
- 爆炸时间持续 1.5 秒，之后消失。
- 倒计时到 0 秒后停止，且爆炸不会继续发生。
- 背景色为黑色，且倒计时水平垂直居中页面 案例展示：
实现原理
1．利用 HTML 标签完成页面时间显示结构。
2．利用 DOM 查找对应的时间显示标签。
3．利用计时器让时间显示在页面对应标签中，并走动起来。
4．利用 Math.random 生成随机数。
5．利用 DOM 的 clientWidth 属性值和 clientHeight 获取元素宽高度。
6．利用 DOM 创建 img 标签并填充到页面中。
7．使用 CSS 动画完成爆炸的持续时间以及爆炸的隐藏。
8．使用 CSS 的 position
实现过程
一、建立相关项目文件夹
首先，写入基本的html页面结构
该文件只存在一个div文件，里面包裹两个标签，这两个标签分别存储倒计时的时间部分和爆炸的图片效果
js动画中，应该首先实现倒计时效果
利用if，else选择语句实现每5秒一次的爆炸效果：
四、css样式
首先，设置背景色为黑色，再改变时间div的字体颜色和字体大小，并将时间进行绝对定位。
设置爆炸的动画效果：
实验感悟： 1.根据此次实验，更加熟练掌握了关于js事件的处理方法，对于js事件，首先应该分析目的，在利用js实现。
2. 实验过程中，需要不断调试代码，例如在进行爆炸效果的运行时，爆炸效果总是不出现，需要不断调试，不断改进。
3.在爆炸效果走动中，可以使用多种实现方式，例如使用多少div进行定位，或者利用random定位等多种多样的方法。
