用原生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;