1. 程式人生 > >變速動畫函式封裝

變速動畫函式封裝

//勻速動畫
function animate(element,target) {
//清理定時器
clearInterval(element.timeId);
element.timeId=setInterval(function () {
//獲取元素當前位置
var current=element.offsetLeft;
//移動的步數
var step=(target-current)/10;
step=step>0?Math.ceil(step):Math.floor(step);
current+=step;
element.style.left=current+"px";
if(current==target){
//清理計時器
clearInterval(element.timeId);
}
//測試程式碼
console.log("目標位置:"+target+",當前位置:"+current+",每次移動的步數:"+step)
},20);
}