js实现图片轮播效果

£可爱£侵袭症+ 提交于 2019-12-04 05:52:33

主要运用到setInterval()方法:

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

 

  <script>

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

    //初始化计时器

    let timer = null;

    let n = 0;

    timer = setInterval(()=>{

      n++

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

        n = 1;

      }else{

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

    },1000)

    

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!