function animate(obj, json) {

? clearInterval(obj.timer);? ? ? ? ?//清理一下定時器在創(chuàng)建定時器

? obj.timer = setInterval(function () {

?

? ? //先假設 這一次執(zhí)行完 所有的屬性都到達目標了

?

? ? var flag = true;

? ? for (var k in json) {

? ? ? var leader = parseInt(getStyle(obj, k)) || 0;

? ? ? var target = json[k];

? ? ? var step = (target - leader) / 10;

? ? ? step = step > 0 ? Math.ceil(step) : Math.floor(step);

? ? ? leader = leader + step;

? ? ? obj.style[k] = leader + "px";

? ? ? //if (leader === target) {

? ? ? //? clearInterval(obj.timer);

? ? ? //}

? ? ? console.log("代碼還在運行");

? ? ? if (leader != target) {

?

? ? ? ? flag = false;//告訴標記 當前這個屬性還沒到達

?

? ? ? }

? ? }

?

? ? //如果此時仍然為true 就說明真的都到達了

?

? ? if (flag) {

? ? ? clearInterval(obj.timer);

? ? }

? }, 15);

}

?

//全部屬性都到達目標值才能清空

?

function getStyle(obj, attr) {? ? //獲取CSS外部樣式 attr=值

? if (window.getComputedStyle) {

? ? return window.getComputedStyle(obj, null)[attr];? //火狐谷歌上兼容

? } else {

? ? return obj.currentStyle[attr];? ? ? ? ? ? ?//IE上兼容

? }

}