多物體運動JavaScript函數封裝

標籤：turn   最好   interval   art   有一個   attr   效果   etc   getc   

function startMove(obj, json, func){
　　clearInterval(obj.timer);
　　obj.timer = setInterval(function(){

　　　　var bStop = true;

　　　　//取出該屬性的初值
　　　　for(var attr in json){
　　　　　　var iCur = 0;
　　　　　　if(attr == "opacity"){
　　　　　　　　iCur = parseFloat(getStyle(obj, attr)) * 100;
　　　　　　}else{
　　　　　　　　iCur = parseInt(getStyle(obj, attr))
　　　　　　}
　　　　　　var speed = (json[attr] - iCur) / 8;　　//8 縮放係數,緩衝運動效果最好的縮放係數
　　　　　　speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);

　　　　　　//只要有一個值未達到指定值程式就不能繼續執行
　　　　　　if(iCur != json[attr]){
　　　　　　　　bStop = false;
　　　　　　}
　　　　　　if(attr == "opacity"){
　　　　　　　　obj.style.filter = "alpha(opacity: " + (iCur + speed) + ")";
　　　　　　　　obj.style.opacity = (iCur + speed) / 100;
　　　　　　}else{
　　　　　　　　obj.style[attr] = iCur + speed + "px";
　　　　　　}
　　　　}
　　　　if(bStop){
　　　　　　clearInterval(obj.timer);
　　　　　　if(func){
　　　　　　　　func();
　　　　　　}
　　　　}
　　}, 30);
}

//擷取非行間樣式
function getStyle(obj, attr){
　　if(obj.currentStyle){
　　　　return obj.currentStyle[attr];　　//IE9 以下
　　}else{
　　　　return getComputedStyle(obj)[attr];　　//IE9 及標準瀏覽器
　　}
}

多物體運動JavaScript函數封裝