【问题标题】:create countdown based on server hour根据服务器小时创建倒计时
【发布时间】:2017-12-28 23:29:30
【问题描述】:

我需要创建一个计数来显示某个促销何时结束,我所拥有的只是通过谷歌标签管理器进行前端访问,首先我设法使用 js 获取服务器时间,现在我需要根据服务器时间而不是本地时间设置倒计时时间。

 <script>
  // it´s giving the correct hour
  var getserver = new Date();
 getserver.setHours(getserver.getHours());
 var newtets = getserver.toUTCString();
 alert(newtets);



 // using a basic countdown
   var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime();

  // Update the count down every 1 second
 var x = setInterval(function() {

// Get todays date and time
var now = new Date().getTime();
/* 
 var now = new Date();
now.setHours(now.getHours());
var newnow = now.toUTCString();
i tried to replace now with newnow but is not working, how can i transform this
*/


// Find the distance between now an the count down date
var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";

// If the count down is over, write some text 
if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);

</script>

var now = new Date().getTime();是什么得到时间并用它来倒计时,这是当地时间,我怎么能得到 var now = new Date().getTime();是服务器小时,我用 1 个脚本获得的

【问题讨论】:

    标签: javascript jquery countdown


    【解决方案1】:

    获取更新的服务器时间的唯一方法是使用 ajax 调用。 问题是对服务器的请求不是立即的,所以你会有延迟。

    也许最好获取用户时区并计算以此信息结尾的促销活动。

    您可以使用以下方法获取用户时区偏移:

    var offset = new Date().getTimezoneOffset();
    

    【讨论】:

    • 我可以编辑时间并添加匹配服务器所需的加小时,但问题是这是针对不同国家/地区的,因为我不能这样做,服务器与西班牙小时,我会也显示在中美洲这就是为什么我只需要服务器时间
    • 但是必须使用用户本地时间来显示小时,不是吗?我认为最好的解决方案是将用户时区偏移量添加到服务器小时,而不是反之亦然。
    • 使用新的 Date().getTimezoneOffset();替换新的 Date().getTime();给出了错误的日期,你能解释一下如何准确地使用它吗,我用 var countDownDate = new Date("Dec 28, 2017 23:59:59").getTimezoneOffset(); 运行测试以确保它匹配但不工作
    • getTimezoneOffset(); 方法返回 UTC 和本地时间之间的时区差异(以分钟为单位),因此您必须将偏移量添加到服务器创建日期。 Here你有一个jsfiddle
    • 我看到该文件几乎是我需要的,但日期 var countDownDate = new Date("Dec 28, 2017 23:59:59").getTime();是倒计时的意思,从现在到那时它应该显示来自中美洲的 0d 12h 7m 17s 和来自西班牙的 0d 7h 7m 17s,这基本上就是我要找的
    猜你喜欢
    • 1970-01-01
    • 2019-07-10
    • 1970-01-01
    • 2018-12-31
    • 2012-02-13
    • 2017-11-02
    • 2015-11-13
    • 1970-01-01
    相关资源
    最近更新 更多