从特定日期开始的Jquery倒计时

从特定日期开始的Jquery倒计时,jquery,date,timer,web,counter,Jquery,Date,Timer,Web,Counter,我需要特定日期的倒计时。(年、月、日、时、分、秒) 例如,我需要从2012年8月24日开始计算计时器,当我刷新页面时,计时器必须仍然工作/计算 我发现很多柜台,但每个柜台都是向下的,不是向上的 这次看起来很好 但是缺少从特定日期开始的计数。好吧,既然你提到了FlipClock,我想这应该可以: 计算当前日期和所需日期之间的差值: var date1 = new Date("8/24/2012"); var date2 = new Date(); var timeDiff = Math.abs(

我需要特定日期的倒计时。(年、月、日、时、分、秒)

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

我发现很多柜台,但每个柜台都是向下的,不是向上的

这次看起来很好


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

好吧,既然你提到了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):

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

clock.setTime(diffSeconds);
现在开始计时:

clock.start();
我还没有检查这个,但应该根据文档工作

编辑:

由于FlipClock在99天之后不支持任何内容,因此下面是另一种方法:


看。

太好了!但Flipclock只有日计数器,没有月和年。此计时器仅计99天。我需要更改代码var clock=$('.clock').FlipClock({clockFace:'DailyCounter',});但是flipclock并没有提供我所需要的选项。好吧,你需要创建你自己的脸(),或者选择另一个支持年份的计数器,并执行我描述的相同步骤(计算日期差)。好吧,我更改我的要求。如果我只想在静态数字中显示timeDiff,而不是实时视图倒计时,该怎么办。我来到这一页,我看到从我设定的日期算起有多长时间了,没有计算,只有静态数字。然后,当我重新加载页面时,脚本再次计算差异并将其显示在页面上,或者使用普通javascript:太棒了!令人惊叹的!令人惊叹的!非常感谢你,穆奇!这就是我需要的!:)
clock.start();
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);