2013-03-03 34 views
0

我嘗試使用以下插件:http://keith-wood.name/countdown.htmljQuery的倒計時動畫只有在改變

我試圖動畫(與CSS)僅在數字改變了塊:每一秒的秒塊,每分鐘,分鐘等。

問題是插件會在每秒鐘將所有計數器HTML再次附加到容器中。所以我應該需要一個.changed類或塊在當前已被改變當前第二。

如何實現這一目標?

+1

現在我們知道你的問題了,但是問題是什麼? – yckart 2013-03-03 23:17:39

+0

更新了我的帖子... – wintercounter 2013-03-03 23:30:51

回答

0
$("your_counter").countdown({ 
    /* your settings */ 
    onTick: tickHandler 
    } 

var tickStorage = [0,0,0,0,0]; 
function tickHandler(data){ 
    $(".countdown-amount").each(function(index){ 
     if(this.innerText !== tickStorage[index]){ 
      $(this).parent().addClass("changed") 
     } else { 
      $(this).parent().removeClass("changed") 
     } 
     tickStorage[index] = this.innerText 
    }) 
} 

也許有點像這樣?