使用jQuery Countdown插件,如何根据实时(不是用户的计算机时间)进行倒计时

时间:2015-04-10 09:26:07

标签: jquery jquery-countdown

我正在使用jQuery Countdown plugin。它工作正常但是当我改变计算机上的时间时,倒计时也会改变。我的意思是如果用户计算机上设置的时间不准确,倒计时就不准确。

这就是我发起的方式:

$('#counting-down').countdown('2015/4/25 14:30:00', function(event) {
    var $this = $(this).html(event.strftime(''
        + '<div class="days"> <span>%D</span><label>days</label> </div>'
        + '<div class="hours"> <span>%H</span><label>hours</label> </div>'
        + '<div class="minutes"> <span>%M</span><label>minutes</label> </div>'
        + '<div class="seconds"> <span>%S</span><label>seconds</label> </div>'
    ));
});

根据实时情况进行倒计时的任何解决方案?

2 个答案:

答案 0 :(得分:1)

要获得100%准确的时间,您需要使用api调用可靠的源或使用其他方法。您可以使用$.ajax执行此操作。或者通过放置代码来获取后端的当前日期。尽管如此,从获得时间到收到和处理这些数据的时间之间的差异仍然会有轻微的偏差

答案 1 :(得分:0)

你可以通过

获得utc datetime
var d = new Date();
var n = d.toUTCString();

将显示Fri, 10 Apr 2015 09:37:31 GMT

$('#counting-down').countdown(d.toUTCString(), function(event) {
var $this = $(this).html(event.strftime(''
    + '<div class="days"> <span>%D</span><label>days</label> </div>'
    + '<div class="hours"> <span>%H</span><label>hours</label> </div>'
    + '<div class="minutes"> <span>%M</span><label>minutes</label> </div>'
    + '<div class="seconds"> <span>%S</span><label>seconds</label> </div>'
));

});

希望这就是你所需要的。