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

您是否尝试过使用Cookies？ 使用clock.getTime（）获取用户离开页面之前的最后日期时间数据。