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