Javascript 将jQuery倒计时插件与服务器时间匹配

Javascript 将jQuery倒计时插件与服务器时间匹配,javascript,php,jquery,countdown,Javascript,Php,Jquery,Countdown,我最近在一个产品页面中使用了倒计时。我用的是非常棒的。我想将计时器与服务器时间同步,因为如果用户更改时区,则计时器中会增加小时,这是主要问题 在名为“时区”选项卡的插件站点中,有一些技巧,但并不真正了解如何将脚本组合在一起,也不太了解后端人员 这是我代码的一部分: 请检查我的js底部,因为我在js选项卡中包含了插件,它必须在顶部 如何将前端代码与服务器时间结合起来,有什么帮助吗 提前谢谢 主要内容: function call(){ $('.countdownclock').coun

我最近在一个产品页面中使用了倒计时。我用的是非常棒的。我想将计时器与服务器时间同步,因为如果用户更改时区,则计时器中会增加小时,这是主要问题

在名为“时区”选项卡的插件站点中,有一些技巧,但并不真正了解如何将脚本组合在一起,也不太了解后端人员

这是我代码的一部分:

请检查我的js底部,因为我在js选项卡中包含了插件,它必须在顶部

如何将前端代码与服务器时间结合起来,有什么帮助吗

提前谢谢

主要内容:

function call(){
      $('.countdownclock').countdown({until: new Date(2014, 4-1,10,09,00), timezone:+3, format: 'HMS',padZeroes: true});

   }

setTimeout(call,500);

JavaScript在客户端运行,因此为了让JavaScript日期在服务器时间中向客户端显示时间,服务器端假定为控制器或动作类,您需要将服务器的时区偏移量作为int,并将其作为参数传递给页面。然后,在JS日期中,创建UTC日期,然后按偏移量增加该日期

在控制器/操作中:

Calendar cal = Calendar.getInstance();
TimeZone tz = cal.getTimeZone();
int tzOffset = tz.getOffset(cal.getTimeInMillis());
在您的JS中:

var wallTimeDate = new Date(); 
var utcDate = new Date(wallTimeDate.getUTCFullYear(), wallTimeDate.getUTCMonth(), wallTimeDate.getUTCDate(),  wallTimeDate.getUTCHours(), wallTimeDate.getUTCMinutes(), wallTimeDate.getUTCSeconds());
var serverDate = new Date(now_utc.getTime() + tzOffset);
您可以在上看到JS Date的所有方法

一旦有了日期,就将其传递给JQuery函数,并使用该函数而不是现有的函数。这应该能满足你的需要