如何给111按钮添加一个轮播图切换到下一页的功能

Question

        <div class="item" style="left: 1920px"><a href="#"><img src="images/bg/2.png"></a></div>
        <div class="item" style="left: 3840px;"><a href="#"><img src="images/bg/3.png"></a></div>
    </div>
</div>
<div class="btn">
        <button type="button" class="btn">111</button>
</div>

<script>
    window.onload=function(){
        var intelval=window.setInterval("move()",3000);
        $(".bg").mouseover(function(){
            window.clearInterval(intelval);
        });
        $(".bg").mouseout(function(){
            intelval=window.setInterval("move()",3000);
        });
};
    function move(){
        var w=1920;
        var item=$(".bg_img .item");
        for(var i=0;i<item.length;i++){
            var len=item.eq(i).position().left-w;
            item.eq(i).css("transition","all 0.5s");
            item.eq(i).css("left",len);
            if(len==-2*w){
                item.eq(i).css("transition","all 0s");
                item.eq(i).css("left",w);
            }
        }
    };
    </script>

Answer 1

用swiper啊，为什么要自己写轮播图呢？还有, 在window.onload里，mouout里面intelval 应该等于 window.setInterval(move,300)而不是“move()”，"move()"识别较慢