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