1.停不下來 給定時器新增timer 來判斷是否需要停止
2.到目的地，還能點選移動，把移動的**放入else中
3.重複點選按鈕會加速運動 是因為點一次就會啟動一次定時器，多次就會啟動多次
保證只有乙個定時器在啟動，啟動一次就關閉上一次啟動定時器
運動框架:
1 啟動就關閉定時器
2 if else
var odiv = document.getelementbyid('div1')
var speed = 5;
var timer = null;
obtn.onclick = function () else
}, 30);
2,如果物體到了，判斷物體的座標是否達到終點
3,如果是正向運動，速度大於0，因為計算機解析畫素點不能為小數，所以要向上取整，才能判斷物體是否達到終點，反之向下去整
function startmove(itarget)else
}, 30);
}
// var timer= null ;
function startmove(node , itarget)else
},30)
}
//碰撞
function konck(node1, node2) else
//滑鼠位置減去滑鼠在物體內部的位置
node.style.left = ev.clientx - offsetx + 'px'
node.style.top = ev.clienty - offsety + 'px'}}
//移除滑鼠，取消onmousemove事件
document.onmouseup = function ()
}
JS運動 運動基礎（緩衝運動）
1 手風琴效果 分析 2 基礎緩衝運動 接下來取整 原因 px為計算機識別的最小單位，1px無法再往下拆分。所以css如果取值200.5px，解析時計算機會自動將其改為200px 注意 這裡的數值並沒有四捨五入計算，200.9px最後依然是200px 速度不能是小數，需要取整，所以接下來進行取整 因...
完美運動框架（原生js實現）
匯入js檔案，呼叫函式即可用 這個運動框架,支援多物體多樣式的鏈式運動,和多物體多樣式的同時運動 做的是緩衝運動 function startmove obj,json,fn else 4 設定緩衝運動速度 speed json attr currentvalue 8 5 處理速度，讓它始終為乙個整...
js運動之緩衝運動
裡面核心就是讓他的速度與距離成為正比 距離大，速度大 距離小，速度小 距離 目標 原始 緩衝運動一定要取整 先來個例子 id div1 div type button value 緩衝運動 onclick startmove div1 style var timer null function st...