javascript - 尝试按距离计算计数器消息

Question

我正在尝试显示两条消息:1. 事件前一天2. 事件当天事件结束后的日期消息运行良好。我尝试添加“距离= 1”，这似乎是问题所在......

var countDownDate = new Date("<? echo $mounthname; ?> <? echo $d[2]; ?>, <? echo $d[0]; ?> <? echo $hourresp; ?>:00").getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  document.getElementById("countdown").innerHTML = " <? echo $line_within; ?> " + days + " <? echo $line_days; ?> ";
  if (distance === 1) {
    clearInterval(x);
    document.getElementById("countdown").innerHTML = "<? echo $line_eventistomorrow; ?>";
  }
  if (distance === 0) {
    clearInterval(x);
    document.getElementById("countdown").innerHTML = "<? echo $line_eventistoday; ?>";
  }
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("countdown").innerHTML = "<? echo $line_eventisover; ?>";
  }
}, 400);

Answer 1

当您想要检查天时，您正在检查距离。

(另请注意，Math.floor 会给您一个相差一的错误；您需要 Math.ceil。而这种数学不会'并不能真正为您提供“明天”和“昨天”的读数，而是您得到“从现在起 24 小时后”和“24 小时前”的读数。对于真实的日期比较，我建议使用类似 moment.js 的内容，它可以简化大部分工作.)

var countDownDate = new Date("December 1, 2017").getTime();
var now = new Date().getTime();
var distance = countDownDate - now;
console.log(distance); // this will not be 1 unless the countdown date is one millisecond in the future
var days = Math.ceil(distance / (1000 * 60 * 60 * 24));
console.log(days); // this is what you want
if (days === 1) {
  // ...
} // etc