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