js实现图片轮播效果

主要运用到setInterval()方法：

html:

<img id='img'  src='img/轮播01.png'>

js:

<script>

    let img = document.querySlector('img');

    //初始化计时器

    let timer = null;

    let n = 0;

    timer = setInterval(()=>{

        n++

        //如果循环到n大于轮播图片数量，则重新从第一张图片开始轮播

        if(n>轮播图片数量){

            n = 1;

        }else{

            img.src = "img/轮播0" + n + ".png";

    },1000)
</script>