JavaScript倒计时与服务器时间同步

// 获取服务器时间
function getServerTime() {
  // 使用Ajax向服务器发送请求，获取服务器时间的接口返回结果
  // 返回结果可以是服务器的当前时间，例如：2022-01-01 12:00:00
  // 这里使用假数据来模拟服务器时间
  return "2022-01-01 12:00:00";
}

// 获取客户端时间
function getClientTime() {
  // 使用JavaScript的Date对象获取客户端当前时间
  var date = new Date();
  return date.getTime(); // 返回时间的毫秒数
}

// 计算时间差
function getTimeDifference() {
  var serverTime = new Date(getServerTime()).getTime();
  var clientTime = getClientTime();
  return serverTime - clientTime;
}

// 同步倒计时
function syncCountdown() {
  var timeDifference = getTimeDifference();
  var countdownElement = document.getElementById("countdown");

  setInterval(function() {
    var currentTime = new Date().getTime() + timeDifference;
    var remainingTime = serverEndTime - currentTime;

    // 更新倒计时显示
    countdownElement.innerHTML = formatTime(remainingTime);
  }, 1000);
}

// 格式化时间
function formatTime(time) {
  // 将时间转换为小时、分钟、秒的格式
  var hours = Math.floor((time % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((time % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((time % (1000 * 60)) / 1000);

  // 返回格式化后的时间字符串
  return hours + "小时 " + minutes + "分钟 " + seconds + "秒";
}

// 启动倒计时
syncCountdown();