我正在尝试使用以下插件: 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
})
}
也许有点像这样?