基于JavaScript开发网页倒计时应用

window.onload = function() {
  var countdownElement = document.getElementById('countdown');

  // 设置目标倒计时的时间（单位为毫秒）
  var targetTime = new Date("2022-01-01").getTime();

  // 定时器函数，每秒执行一次
  setInterval(function() {
    // 获取当前时间
    var now = new Date().getTime();

    // 计算剩余时间（单位为毫秒）
    var remainingTime = targetTime - now;

    // 转换为天、小时、分钟和秒的数值
    var days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
    var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);

    // 将倒计时的内容更新到HTML中
    countdownElement.innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
  }, 1000);
};