从特定日期开始的Jquery CountUP计时器

Question

我需要特定日期的countUP计时器。 （年，月，日，小时，分钟，秒），

例如，我需要从2012年8月24日开始计时计时器，当我刷新页面时，计时器仍然必须工作/计数。

我找到了很多柜台，但每个柜台都是DOWN，而不是UP。

这个计时器看起来很棒 http://flipclockjs.com/

但是从特定日期开始缺少计数。

Answer 1

好吧，既然您已经提到了FlipClock，我想这应该可行：

计算当前日期与所需日期之间的差异：

var date1 = new Date("8/24/2012");
var date2 = new Date();
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var diffSeconds = Math.ceil(timeDiff / 1000);

创建FlipClock（默认情况下计数，更改设置倒计时：true）：

var clock = $('.your-clock').FlipClock({
    // ... your options here
});

使用setTime()方法设置时间：

clock.setTime(diffSeconds);

现在就开始计时：

clock.start();

我还没有检查过这个问题，但应该根据文档进行检查。

修改

由于FlipClock在99天之后不支持任何内容，因此这是Countdown.js的另一种方法：

setInterval(function() {
    var timespan = countdown(new Date("08/24/2012"), new Date());
    var div = document.getElementById('time');
    div.innerHTML = "Time difference with 08/24/2012 is " + timespan.years + " years, " + timespan.months + " months, " + timespan.days + " days, " + timespan.hours + " hours, " + timespan.minutes + " minutes, " + timespan.seconds + " seconds."
}, 1000);

请参阅demo。