js实现图片轮播效果

主要运用到setInterval()方法:

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

  <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)

    

猜你喜欢

转载自www.cnblogs.com/blogXie/p/11834140.html