使用flipclock.js从特定日期倒计时

Question

我正在使用http://flipclockjs.com/

到目前为止这是我的调用脚本,

<script type="text/javascript">
var clock = $('.clock').FlipClock(3600 * 24 * 5, {
    clockFace: 'DailyCounter',
    countdown: true,
});
</script>

请有人能告诉我如何从确切的日期算起来吗？

例如,日期是2014年7月21日在英国时间,并且访问该网站的每个人将根据当前日期查看到该日期剩余的时间.

Answer 1

这就是我使用的

<div class="clock"></div>
<script type="text/javascript">
    var date = new Date(2015, 6, 21);
    var now = new Date();
    var diff = (date.getTime()/1000) - (now.getTime()/1000);

    var clock = $('.clock').FlipClock(diff,{
        clockFace: 'DailyCounter',
        countdown: true
    });  
</script>

月份是零基础,所以7月是第7个月,使用6.

Answer 2

@Matt,很好的例子,但我可以看到为什么"coolshrimp"发布了类似的公式,两者都是正确的一半.

在我的网站上,当我使用jsfiddle时,我希望它还显示"Hours""Minutes"和"Seconds",以下示例对我来说非常适合:

    <script type="text/javascript">
        var date = new Date("February 01, 2016 02:15:00"); //Month Days, Year HH:MM:SS
        var now = new Date();
        var diff = (date.getTime()/1000) - (now.getTime()/1000);

        var clock = $('.clock').FlipClock(diff,{
            clockFace: 'DailyCounter',
            countdown: true
        });
    </script>

Answer 3

你必须这样做：

$(document).ready(function(){
    var date = new Date(2014, 7, 21, 0,0,0,0);
    var today = new Date();

    var dif = date.getTime() - today.getTime();

    var timeLeft = Math.abs(dif/1000)/60;


    var clock = $('.clock').FlipClock({
        autoStart: false,
        clockFace: 'DailyCounter',
        countdown: true
    });

    clock.setTime(timeLeft);
    clock.start();   
});

时间函数有点不对劲，所以你必须尝试一下才能让它正确。

小提琴： http: //jsfiddle.net/Uscg9/4/