jQuery倒计时动画只有正在改变

时间:2013-03-03 22:38:37

标签: jquery jquery-countdown

我正在尝试使用以下插件:http://keith-wood.name/countdown.html

我正在尝试使用CSS(使用CSS)设置仅在数字被更改的位置:每秒秒块,每分钟块等等。

问题是该插件会在每秒的时间内将所有计数器HTML再次附加到容器中。所以我应该需要一个.changed类或块上的东西,这些类当前已经在当前的第二个中被改变了。

如何实现这一目标?

1 个答案:

答案 0 :(得分: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
    })
}

也许有点像这样的东西?