2011-04-07 63 views
0

我只是想知道在高度和寬度動畫的動畫狀態下是否可以獲取元素的寬度和高度?我正在使用CSS3來完成動畫。我想每10毫秒就得到一次?在動畫狀態下獲取寬度和高度

#animElement{ 
    -webkit-transition: width 1s, height 1s; 
} 

我的javascript代碼有點不對,你可以看看它嗎?我正在測試每10毫秒寫入一次數字i。我只是測試這個代碼,用它來獲取寬度和高度。

for(var i=0;i<1000;i++){ 
    (function(num){ 
     window.setTimeout(function(){$('#flyingSquare').html(num);}, 10); 
    })(i); 
} 

它將數字1000直接寫錯了。它應該算到100。

+0

無法獲取元素在動畫時的實時信息,只有結束狀態。如果您告訴我們更多關於您的使用案例,我們可能會找到解決方法。 – Duopixel 2011-04-07 14:18:33

回答

0

如果你使用JavaScript來做動畫,你可以更容易。

+0

你知道如何獲得流暢的動畫嗎?當動畫狀態結束時它會變慢? 3:rd度多項式? – einstein 2011-04-07 13:58:55

+0

使用Jquery進行平滑動畫並進行緩入和緩出。 – icant 2011-04-07 18:50:15