js封装物体匀速运动方法

一、实现

var timer;//起开关作用
function nuition(dom,target){//运动的元素，运动的距离
    clearInterval(timer);//防止多次点击变成加速运动
    var speed = target - dom.offsetLeft > 0 ? 7 : -7;
    //判断物体当前位置，决定运动方向
    timer = setInterval(function(){
        if(Math.abs(target - dom.offsetLeft) < Math.abs(speed)){
        //Math.abs取绝对值,如果最后一次的速度大于最后的距离
            clearInterval(timer);
            dom.style.left = target + 'px';//直接跳到目标距离
        }else{
            dom.style.left = dom.offsetLeft + speed +'px';
            //否则就一步一步过去
        }
    },40);//间隔时间自己决定
};