js简易轮播图（一）

<img src="./imgs/01.jpg" alt="">
    <script>
        // 定义一个数组用来存储图片的信息
        var imgList = ['./imgs/01.jpg', './imgs/02.jpg', './imgs/03.jpg']
        // 定义一个变量用来表示当前是第几张
        var index = 0
        var img = document.querySelector('img')
        setInterval(function(){
            index++
            if(index === imgList.length){
                // 如果到达最后一张 返回第一张                
                index = 0
            }
            //改变图片的路径
            img.setAttribute('src', imgList[index])
        }, 1000)
    </script>

浏览器显示结果：

每间隔1秒都会更换一张图片 。