原生Js写轮播图代码

html

css

js

在知道jQuery如何实现轮播效果的基础上，用js写代码 如图

用到的知识：

1.HTML DOM 的appendChild（） 和 removeChild（）；

2.css 的 transition；

3.需要理解 作用域，全局变量，生命周期等（图中注释的地方）；

4.两个函数setInterval（） 和 setTimeout（）；