jQuery倒计时动画只有这是改变



我正在尝试使用以下插件: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
    })
}

也许是这样的一点东西?

相关内容

  • 没有找到相关文章

最新更新