轮播图中出现的跳跃问题

Question

轮播项一共有四个，屏幕可以出现三个，我在html中并排放置了两份，用来实现无线轮播，可是当位置在起点时，点击前移按钮会出现跳跃过程，可我在chrome调试中一步步执行并不会跳跃，这是怎么回事？js代码如下

pre.onclick=function(){              //pre为前移按钮

        if(index==0){                 //index==0对应屏幕出现前三个项

            index=4;

            oUl.style.transition='none';           //将css中的transition消除

            oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==4

        }

        index--;

        clearInterval(timer);        //清除定时器

        oUl.style.transition='all 1s';    //设置过渡

        oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==3

        timer=setInterval(move,2000);     //开启定时器

    }

Answer 1

初始不是为0嘛，你点击以后，不就跳到4了嘛oUl.style.transform='translateX('+(-425)*index+'px)';