jQuery倒数计时:如何与互联网服务器同步以实现正确的倒数计时?

时间:2018-11-30 18:20:21

标签: javascript jquery jquery-countdown

我有一个使用http://keith-wood.name/countdown.html jQuery Countdown插件的倒数计时器。

如果客户端计算机的时间设置不正确(即:超出同步或配置错误),则会出现问题。

在这里,无论客户端时间如何,我都希望实现可信任的倒计时,但是我不知道该如何实现。 (从这里我可以获取正确的时间,以及如何计算和抵消倒计时中的修正?)

编辑:让我澄清一点。我不需要毫秒级的精度(如果对我来说足够的话,实际上是1秒的精度)。另外,我也不想一直保持客户端到服务器的同步。我只需要计算多少客户端计算机时间在页面加载时有偏移量。另外,我需要您的倒计时脚本修改版的帮助。.我可以在后端创建JSON API以在需要时提供服务(但请指导我将使用哪种格式。我的问题主要是与JS有关)

下面您可以找到我的倒计时时间代码。我将不胜感激。

$('#remaining_time').countdown('2020-01-01 00:00:00 +0300')
.on('update.countdown', function(event) {
    var format = '%S sn';
    if(event.offset.weeks > 0) {
        format = '%-w Week +';
    } else {
        if (event.offset.totalDays > 0) {
            format = '%-D Days +';
        } else { if (event.offset.totalHours > 0) {
                format = '%H Hours, %M min, %S sec';
            } else { if (event.offset.totalMinutes > 0) {
                                format = '%M min, %S sec';
                                }
            }
        }
    };
    $(this).html(event.strftime(format));
})
.on('finish.countdown', function(event) {
    $(this).html('Time is Up!');
});

0 个答案:

没有答案