1.掌握JavaScript DOM中新增标签、查找标签、更改页面内容和样式的应用方法和技巧。
2.掌握JavaScript时间的获取、显示和计时器应用方法和技巧。
3.回顾CSS动画的实现。
1. 在开发工具 (Webstorm或者HBuilder)创建项目。项目目录正确，index.html文件, images文件夹和css文件夹。
2.设计倒计时html页面，引入style.css,app.js
CSS部分设置图片动画效果，倒计时的位置大小等格式
3.js部分代码，实现时间为5的倍数时爆炸，实现获取爆炸的位置随机
4.实现效果图!
总结：
-
利用HTML标签完成页面时间显示结构。 2.利用DOM查找对应的时间显示标签。 3.利用计时器让时间显示在页面对应标签中，并走动起来。 4．利用Math.random生成随机数。 5．利用DOM的clientWidth属性值和 clientHeight获取元素宽高度。 6．利用DOM 创建img标签并填充到页面中。 7．使用CSS动画完成爆炸的持续时间以及爆炸的隐藏。 8．使用CSS的 position属性完成定位
作者：用户9700325783753
链接：juejin.cn/post/726779…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
