如何使用js对列表项进行倒计时？

<ul>
  <li id="item1">Item 1</li>
  <li id="item2">Item 2</li>
  <li id="item3">Item 3</li>
</ul>

function countdown(elementId, targetDate) {
  var element = document.getElementById(elementId);
  var countdownInterval = setInterval(function() {
    var currentDate = new Date().getTime();
    var timeDifference = targetDate - currentDate;

    var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
    var hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);

    element.innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";

    if (timeDifference < 0) {
      clearInterval(countdownInterval);
      element.innerHTML = "Expired";
    }
  }, 1000);
}

countdown("item1", new Date("2022-12-31"));
countdown("item2", new Date("2023-01-01"));
countdown("item3", new Date("2023-01-02"));