轮播图在我们平时网页上几乎都能随处可见，提高了网页交互效果。我们平时一般写轮播图使用的是用Swiper轮播插件，Swiper插件极大的便利了我们工作效率。但是作为一个初学者来说，手写轮播图是必不可少的一个过程。那如何来手写一个呢？其实，简单来说，大致可分三步来走

1.你要拿到所有的图片

用document.querySelectorAll()或者document.querySelector()拿到图片

2.定义一个全局变量，用来保存图片位置。换句话来说就是图片索引

3.设置一个定时器

 上述整体的思路就是我在HTML有一张图片上加入了类名‘active’，有类名‘active’的图片在CSS上我先设置了隐藏（display：block），注意其他的要图片要先全部隐藏（display：none）。

但是这样做有一个弊端，就是我想要移入时停下来看图片或者点击跳转。但是按照上述来做的话无法停下，一直在轮播。所以我们在后面还要做个定时器停止，这里后面我们可以增加一个移入和移出事件   当鼠标移入时计时器停止，移出时调用函数

         封装一个自动播放函数，以下就是全部代码：