Question

我不能让FlipClock.js工作。例如，我想倒数10天。

我做了这个小提琴，但是没有出现时钟 - http://jsfiddle.net/9hYef/

HTML：

<html>
    <head>
        <link rel="stylesheet" href="/assets/css/flipclock.css">
    </head>
    <body>
        <div class="your-clock"></div>

        <script src="/assets/js/libs/jquery.js"></script>
        <script src="/assets/js/flipclock/flipclock.min.js"></script>
    </body>
</html>

JavaScript的：

var clock = $('.your-clock').FlipClock({
    clock.setCountdown(true);
    clock.setTime(3600);
    clock.setCountdown(true);
});

Answer 1

Flipclock（）采用各种选项，但您需要将其设为json数组

var clock = $('.clock').FlipClock({
    countdown: true
});

他们没有提到的是第一个参数可以是起始偏移量，如此

var clock = $('.clock').FlipClock(3600*24*10, {
    countdown: true
});

您可以在文档的“面孔”部分找到更多有用的示例 - http://flipclockjs.com/faces

这是一个有效的JSFiddle http://jsfiddle.net/bensjones/swjo7wjt

我是如何通过使用引用部分（在左侧）而不是将其放在代码区域中来完成此工作的。这通常会混淆这个问题，很多时候，JSFiddle本身就会混淆。

Answer 2

尝试获取当前日期并与所需日期进行比较：

＆＃13;

var huh  = new Date(Date.UTC(2014, 9, 17, 5, 15, 0));
var duh  = new Date();
var wha  = huh.getTime()/1000 - duh.getTime()/1000;

var clock = $('.clock').FlipClip(wha, { // <-- DID YOU MEAN FlipClock
    clockFace: 'DailyCounter',
    countdown: true
});

＆＃13;

使FlipClock JS像倒计时一样工作

2 个答案: