javascript - Jquery 插件 FlipClockjs 不起作用

Question

我刚刚开始使用 FlipClock js 使用 this:

var clock;
$(document).ready(function() {
    clock = $('.clock').FlipClock(3600 * 24 * 3, {
        clockFace: 'DailyCounter',
        countdown: true,
        autostart: true
    });
});

时钟确实显示，但计时器不工作。

即:时钟计时器不翻转。

我尝试将clockFace替换为“HourlyCounter”，效果非常好。但不适用于“DailyCounter”。

这是一个错误还是只是我的问题？

Answer 1

flipclock.js 中的错误 if 条件是方法内第 482 行附近的罪魁祸首

flip: function(time, doNotAddPlayClass) 

请更改以下代码片段

if (!t.factory.time.time instanceof Date) {
    if(!t.factory.countdown) {
        t.factory.time.time++;
    }
    else {
        if(t.factory.time.time <= 0) {
            t.factory.stop();
        }

        t.factory.time.time--;
    }
}

至

if (!(t.factory.time.time instanceof Date)) { //-- would satisfy condition in this case.
    if(!t.factory.countdown) {
        t.factory.time.time++;
    }
    else {
        if(t.factory.time.time <= 0) {
            t.factory.stop();
        }

        t.factory.time.time--;
    }
}