JavaScript将指定的元素对象移动到固定的距离函数封装

获取对象    

 var btn2 = document.getElementById("btn2");

点击事件
    btn2.onclick = function () {
        animate(demo, 400);
    };

定义的函数

function animate(obj, target) {

        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            var leader = obj.offsetLeft;
            var step = 10;
            step = leader < target ? step : -step;//step有了正负
            if (Math.abs(leader - target) >= Math.abs(step)) {
                leader = leader + step;
                obj.style.left = leader + "px";
            } else {
                obj.style.left = target + "px";//如果对象没有移动到指定的地方进行手动放到终点
                clearInterval(obj.timer); //清除定时器
            }
        }, 15);
    }