javascript - Jquery 插件 FlipClockjs 不起作用

Question

我刚开始使用FlipClock js使用这个：

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--;
    }
}

Answer 2

您是否尝试过使用 Cookie？在用户离开您的页面之前，使用clock.getTime()获取最后的日期时间数据。