Jquery插件FlipClockjs不起作用

时间:2014-05-28 08:51:58

标签: javascript jquery flipclock

我刚开始使用{strong> FlipClock js 使用this:

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

时钟显示,但计时器不工作。

即:时钟计时器不会翻转。

我尝试将clockFace替换为" HourlyCounter" ,它完美无缺。 但是不能在" DailyCounter"

上工作

这是一个错误还是只是我?

2 个答案:

答案 0 :(得分:1)

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

flip: function(time, doNotAddPlayClass) 

请更改以下代码snipet

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

答案 1 :(得分:0)

你尝试过使用Cookies吗? 使用 clock.getTime()获取用户离开页面前的最后日期时间数据。