如何在不使用插件的情况下编写倒计时计时器？

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

#countdown {
  text-align: center;
  font-size: 24px;
  color: #333;
}

// 获取倒计时容器元素
var countdownElement = document.getElementById('countdown');

// 设置倒计时的目标时间（截止时间）
var targetDate = new Date('2022-01-01 00:00:00');

// 定时器函数，每秒更新倒计时显示
function updateCountdown() {
  // 获取当前时间
  var currentDate = new Date();

  // 计算剩余时间（毫秒）
  var remainingTime = targetDate - currentDate;

  // 判断倒计时是否结束
  if (remainingTime <= 0) {
    countdownElement.innerHTML = '倒计时结束';
    return;
  }

  // 将剩余时间转换为天、小时、分钟、秒
  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);

  // 更新倒计时显示
  countdownElement.innerHTML = days + '天 ' + hours + '小时 ' + minutes + '分钟 ' + seconds + '秒';

  // 每秒更新一次倒计时显示
  setTimeout(updateCountdown, 1000);
}

// 启动倒计时
updateCountdown();