JS原生 之 放烟花嘍

2021-07-23 01:21:08 字數 1068 閱讀 2639

move.js
/**

* * @param obj 目標物件

* @param json 要改變的屬性

* @param extend 當buffer為true時為彈性運動

* callback會在運動結束時,被執行

* animate(obj, , , buffer: true})

*/function animate(obj, json, extend);

if(obj.ismoving) else

//obj = object.assgin(obj,extend);

obj.buffer = extend.buffer;

obj.callback = extend.callback;

obj.timerlist = {};

//為每乙個屬性新增乙個定時器

for(var attr in json);

obj.timerlist[attr].timer = setinterval(function() else

var speed = obj.timerlist[attr].speed;

//根據目標值,計算需要的速度

if(obj.buffer==true) else

//當無限接近目標值時,停止定時器

if(math.abs(inow - json[attr]) < 0.5)

} else else

obj.timerlist[attr].speed = speed;

}}, 30);

})(attr); }

function cleartimer()

} function getstyle(obj, attr) else

} function getobjlength(obj)

return n;

} function stop()

}

原生js 烟花效果

原生js 烟花效果 common.js created by jameswatt2008 on 2017 5 2.獲取計算 樣式 顯示樣式 function getstyle obj else animate.js created by jameswatt2008 on 2017 5 2.封裝運動 ...

JS 原生JS的DOM操作之共享onload事件

頁面載入完畢會執行onload事件,動態繫結多了函式,它只有乙個引數,打算頁面執行完畢時,執行的函式名稱 檔案 addloadevent.js function addloadevent func else 執行方式 新增testfunc1.js檔案 function testfunc1 addlo...

原生js之簡單資料分頁

1.最簡單的資料分頁 完整 lang en charset utf 8 titletitle head div left,right bg.num div style class left class num class bg 1div 2div 3div 4div 5div 6div 7div 8...