js时间倒计时

以下是一种实现JavaScript时间倒计时的方式：

HTML:

<div id="countdown"></div>

JavaScript:

function countdown() {
  var now = new Date();
  var eventDate = new Date("2021-12-31"); // 设置目标日期
  var currentTime = now.getTime();
  var eventTime = eventDate.getTime();
  var remTime = eventTime - currentTime;
  
  var days = Math.floor(remTime / (1000 * 60 * 60 * 24));
  var hours = Math.floor((remTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((remTime % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((remTime % (1000 * 60)) / 1000);
  
  document.getElementById('countdown').innerHTML = days + ' 天 ' + hours + ' 小时 ' + minutes + ' 分钟 ' + seconds + ' 秒 ';
  
  if (remTime <= 0) {
    clearInterval(countdownInterval);
    document.getElementById('countdown').innerHTML = '倒计时结束！';
  }
}

var countdownInterval = setInterval(countdown, 1000);

在上面的代码中，我们首先定义了一个名为 countdown() 的函数，在函数内部，我们获取了当前时间和目标日期，然后计算了它们之间的差异。接下来，我们使用 Math.floor() 方法计算出剩余的天数、小时数、分钟数和秒数，并将它们插入到HTML元素中。最后，我们检查是否到达了目标日期，并在这种情况下停止计时器。

最后，我们使用 setInterval() 方法每秒钟调用一次 countdown() 函数，并将返回的 setInterval ID 存储在变量 countdownInterval 中，以便稍后可以使用 clearInterval() 方法停止计时器。