原生js的运动框架

var timer=null;
function startmove(itaget){
    var oDiv=document.getElementById("div1");
    clearInterval(timer);
    timer=setInterval(function(){
        var ispeed=0;
        if(oDiv.offsetLeft<itaget){
            ispeed=10;
        }else{
            ispeed=-10;
        }
        if(oDiv.offsetLeft==itaget){
            clearInterval(timer)
        }else{
            oDiv.style.left=oDiv.offsetLeft+ispeed+"px"
        }
    },30)
}

知识点：1.每次开始运动时清除定时器，作用：防止定时器叠加；

             2.当物体到达目标点时清除定时器，else执行叠加速度；

             3.判断物体离目标点的位置，如果大于目标点速度为负值，小于目标点速度为正值；