簡單影片函式：
animate(obj, target, time, callback);
注意：
obj：目標物件，需要加絕對定位
target：目標位置
time：影片間隔時間
callback：回呼函式
代碼實作：
function animate(obj, target, time, callback) {
// 先清除以前的定時器，只保留當前的一個定時器執行
clearInterval(obj.timer);
obj.timer = setInterval(function() {
// 步長值寫到定時器的里面，并設定為整數
var step = (target - obj.offsetLeft) / 10;
step = step > 0 ? Math.ceil(step) : Math.floor(step);
if (obj.offsetLeft == target) {
clearInterval(obj.timer);
// 回呼函式寫到定時器結束里面
callback && callback();
}
obj.style.left = obj.offsetLeft + step + 'px';
}, time);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/169306.html
標籤：其他
上一篇：JavaScript mouseenter和mouseover的區別
下一篇：vue計算屬性和偵聽器