用原生JavaScript写图片轮播的时候，到最后一张图片之后，返回第一张，中间有后退的过渡效果

Question

 window.onload= function () {

            var img_box=document.getElementsByClassName("img-box")[0];

            var n=1;

            var time=setInterval(function () {

                if(n>3){

                    n=0;

                    img_box.style.left="0px";

                }

                img_box.style.left=-960*n+"px";

                n++;

            },1000)

        }

        就是当大于3的时候，已经到最后一张图片了，想要返回0px的位置，但是返回的过程会有一个很难看的后退效果？一般怎样解决啊

Answer 1

op需要的是单向轮播吗？像这个？这个用的是bxSlider，实现思路就是在最后加多一个和第一张一样的图，然后当切到最后一张（和第一张一样）的时候，取消animation效果，left:0px;