查看“模板:Timer”的源代码

<div id="countdown-container" data-endtime="{{{endtime}}}">
  <span id="countdown"></span>
</div>

<script>
(function() {
  var container = document.getElementById('countdown-container');
  if (!container) return;

  var endTime = container.getAttribute('data-endtime');
  var countdownElement = document.getElementById('countdown');

  function updateCountdown() {
    var now = new Date().getTime();
    var endDate = new Date(endTime).getTime();
    var distance = endDate - now;

    if (distance < 0) {
      countdownElement.innerHTML = "Countdown finished";
      clearInterval(interval);
      return;
    }

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

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

  var interval = setInterval(updateCountdown, 1000);
  updateCountdown();
})();
</script>