【问题标题】:jQuery Countdown animate only which is changingjQuery Countdown 仅对正在更改的动画进行动画处理
【发布时间】:2013-03-03 22:38:37
【问题描述】:

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

我正在尝试(使用 CSS)动画块仅在数字发生变化的地方:每秒秒块,每分钟分钟块等。

问题在于插件每秒都会将所有计数器 HTML 再次附加到容器中。所以我应该需要一个.changed 类或块上当前已在当前秒内更改的东西。

如何做到这一点?

【问题讨论】:

  • 现在我们知道您的问题,但问题是什么?

标签: jquery jquery-countdown


【解决方案1】:
$("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
    })
}

也许有点像这样?

【讨论】:

    猜你喜欢
    • 2017-01-14
    • 2017-10-06
    • 2023-04-11
    • 1970-01-01
    • 1970-01-01
    • 2016-01-21
    • 2011-09-18
    • 2013-02-03
    • 1970-01-01
    相关资源
    最近更新 更多