原生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.判斷物體離目標點的位置，若是大於目標點速度爲負值，小於目標點速度爲正值；