[js运动动画]运动之匀速运动框架

//匀速运动框架
//1.定义定时器
var timer = null;
function yunsu(target,obj){
//  第一个参数:目标值
//  第二个参数:运动的物体
//2.清除定时器
clearInterval(timer);
//3.设置循环
timer = setInterval(function(){
//4.设置速度
var speed = 0;
if (obj.offsetLeft < target) {
speed = 10;
} else{
speed = -10;
}
//5.运动跟停止分开
if (Math.abs(obj.offsetLeft-target) <= Math.abs(speed)) {
//  终止定时器
clearInterval(timer);
// 强制赋值
obj.style.left = target + "px";
} else{
obj.style.left = obj.offsetLeft + speed + "px";
}

},30);

}