獲取時間顯示動畫多少時間是currntly運行

Question

jQuery中我用下面的代碼：

j=-(i) 
    if(j%2==1) 
    { 
    $("#caption1").hide(); 
    $("#caption1").fadeIn(1000); 
    $('#main_div').hide(); 
    $('#main_div').show(5000); 
    } 
    } 
if(i%2==0) 
{ 
    $("#caption1").hide(); 
    $("#caption1").fadeIn(1000); 
    $('#main_div').hide(); 
    $('#main_div').show(5000); 
} 

同時顯示動畫，我想動畫的完成時間？

舉例：

我設置它顯示5secs的動畫。

顯示動畫現在開始。

2秒的動畫完成[3secs剩餘]在這種情況下，我需要在按鈕點擊此完成持續時間[2secs]

??

Answer 1

記下當動畫開始時間：

var animationStarted = new Date(); 
$('#main_div').show(5000); 
.... 

當你需要拿出多少時間已經過去了，取當前時間和減去保存在上一步的時間。

var now = new Date(); 
var elapsed = (now.getTime() - animationStarted.getTime())/1000; 

演示：http://jsfiddle.net/NZGU6/