javascript - 轮播图中出现的跳跃问题

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)';