次のプラグインを使用しようとしています: http://keith-wood.name/countdown.html
数字が変更された場所でのみブロックを(CSSで)アニメーション化しようとしています:毎秒秒ブロック、毎分ブロックなど.
問題は、プラグインがすべてのカウンター HTML を毎秒コンテナーに再度追加することです。.changed
したがって、現在の秒で現在変更されているクラスまたはブロック上の何かが必要です。
これを達成する方法は?
次のプラグインを使用しようとしています: http://keith-wood.name/countdown.html
数字が変更された場所でのみブロックを(CSSで)アニメーション化しようとしています:毎秒秒ブロック、毎分ブロックなど.
問題は、プラグインがすべてのカウンター HTML を毎秒コンテナーに再度追加することです。.changed
したがって、現在の秒で現在変更されているクラスまたはブロック上の何かが必要です。
これを達成する方法は?
$("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
})
}
ひょっとして、ちょっとこういうこと?