如何根据相对时间创建倒计时计时器/进度条？

// 获取当前时间和目标时间
var currentTime = new Date();
var targetTime = new Date("2022-01-01 00:00:00");

// 计算时间差
var timeDiff = targetTime - currentTime;

// 更新倒计时
function updateCountdown() {
  // 获取当前时间
  var currentTime = new Date();

  // 计算时间差
  var timeDiff = targetTime - currentTime;

  // 格式化时间差
  var days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
  var hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);

  // 更新倒计时显示
  document.getElementById("countdown").innerHTML = days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒";

  // 判断是否到达目标时间
  if (timeDiff <= 0) {
    clearInterval(countdownInterval);
    document.getElementById("countdown").innerHTML = "倒计时结束";
  }
}

// 初始更新倒计时
updateCountdown();

// 每秒更新一次倒计时
var countdownInterval = setInterval(updateCountdown, 1000);