javascript - 如何根据服务器时间设置JavaScript倒数计时器？(How make JavaScript countdown timer based on server time?)

Question

I have to make a timer that counts down to a specific time.

(我必须制作一个倒计时到特定时间的计时器。)

I have already done something like this, but my timer counts down the time based on the client's time and it can be easily hacked.

(我已经做过类似的事情，但是我的计时器根据客户端的时间倒计时，因此很容易被黑客入侵。)

I know I have to do an AJAX query, but I don't know how to integrate it with my code.

(我知道我必须进行AJAX查询，但是我不知道如何将其与代码集成。)

I know the question is simple, I'm just learning.

(我知道问题很简单，我只是在学习。)

// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2020 15:37:25").getTime();

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

  // Get today's date and time
  var now = new Date().getTime();

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

  // Time calculations for days, hours, minutes and seconds
  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);

  // Display the result in the element with id="demo"
  document.getElementById("clock").innerHTML = "  " + hours + ":"
  + minutes + ":" + seconds;

  // If the count down is finished, write some text
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("clock").innerHTML = " Koniec czasu!";
  }
}, 1000);

and AJAX:

(和AJAX：)

$(function () {
  $.ajax({
    type: 'GET',
    cache: false,
    url: location.href,
    complete: function (req, textStatus) {
      var dateString = req.getResponseHeader('Date');
      if (dateString.indexOf('GMT') === -1) {
        dateString += ' GMT';
      }
      var date = new Date(dateString);
      $('#serverTime').text(date);
    }
  });
  var localDate = new Date();
  $('#localTime').text(localDate);
});

Can you help me?

(你能帮助我吗？)

  ask by Anarhak translate from so

Answer 1

等待大神答复