輪播項一共有四個,螢幕可以出現三個,我在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); //开启定时器
}