我目前正在尝试开发一个倒计时计时器页面。这是倒计时计时器代码:
var clock;
$(document).ready(function() {
// Grab the current date
var currentDate = new Date();
// Set some date in the future. In this case, it's always Jan 1
var futureDate = new Date("July 01, 2015 22:00:00");
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
if(diff < 0){
// Instantiate a countdown FlipClock
clock = $('.clock').FlipClock(0, {
clockFace: 'DailyCounter',
countdown: true
});
$('.message').html('Lets Go!!');
$('.Go').removeAttr("disabled");
$( "div.first" ).replaceWith( "<i style='color:red'>Lets Go!</i>" );
}
else{
// Instantiate a countdown FlipClock
clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
stop: function() {
$('.message').html('Lets Go!!');
$('.Go').removeAttr("disabled");
$( "div.first" ).replaceWith( "<i style='color:red'>Lets Go!</i>" );
}
}
});
}
});
问题是每个时区的倒计时时间不同。例如,澳大利亚用户的倒计时时间将比马来西亚用户短三小时(GMT+8)。
如何将初始倒计时日期的时区标准化/设置为GMT+8,以便不同时区的用户拥有相同的倒计时时间?
根据我们的讨论,此示例代码可将任何时区时间转换为UTC+8时区时间。
var d = new Date();
d.setTime(d.getTime() + d.getTimezoneOffset() * 60 * 1000 /* convert to UTC */ + (/* UTC+8 */ 8) * 60 * 60 * 1000);
console.log('UTC+8 Time:', d);
这里有一个JSFiddle供参考。
尽管控制台输出显示日期对象的时区不是UTC+0800,但它们的日期值(年、月、日期等)都已转换为UTC+080时间。
只是不可能编辑日期对象的实际时区,但可以编辑它们的日期值以反映新时区,这就是我们在这里所做的。
GMT时间与UTC时间相同。使用JavaScript setUTCDate()方法
示例
根据UTC设置一个月中的哪一天:
var d = new Date();
d.setUTCDate(15);
d的结果将是:
2015年7月15日星期三10:47:28 GMT+0400(俄罗斯标准时间)