如何将这个简单的倒计时动画

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

#countdown {
  font-size: 48px;
  text-align: center;
}

function countdown() {
  var countdownElement = document.getElementById("countdown");
  var count = 10; // 设置倒计时的初始值

  var timer = setInterval(function() {
    countdownElement.innerHTML = count; // 更新倒计时显示

    if (count === 0) {
      clearInterval(timer); // 倒计时结束，清除定时器
      countdownElement.innerHTML = "倒计时结束";
    }

    count--; // 每秒减少1
  }, 1000);
}

countdown(); // 调用倒计时函数开始倒计时