查看“︁模板:计时”︁的源代码

<includeonly>
<div class="countdown-timer">
{{#if:{{{1|}}}
|<!-- 倒计时模式 -->
距离{{{1}}}还有: <span id="countdown-{{{2|default}}}">计算中...</span>
<script>
(function() {
  var endTime = new Date("{{{3}}}"); // 结束时间
  var elementId = "countdown-{{{2|default}}}";
  var eventName = "{{{1}}}";
  
  function update() {
    var now = new Date();
    var diff = Math.floor((endTime - now) / 1000);
    
    if (diff <= 0) {
      document.getElementById(elementId).innerHTML = eventName + "已结束";
      return;
    }

    var days = Math.floor(diff / 86400);
    var hours = Math.floor((diff % 86400) / 3600);
    var minutes = Math.floor((diff % 3600) / 60);
    var seconds = diff % 60;

    document.getElementById(elementId).innerHTML = 
      days + "天" + hours + "时" + minutes + "分" + seconds + "秒";
  }

  setInterval(update, 1000);
  update();
})();
</script>

|<!-- 正计时模式 -->
{{{4}}}已进行: <span id="timer-{{{2|default}}}">计算中...</span>
<script>
(function() {
  var startTime = new Date("{{{5}}}"); // 开始时间
  var elementId = "timer-{{{2|default}}}";
  var eventName = "{{{4}}}";
  
  function update() {
    var now = new Date();
    var diff = Math.floor((now - startTime) / 1000);

    var days = Math.floor(diff / 86400);
    var hours = Math.floor((diff % 86400) / 3600);
    var minutes = Math.floor((diff % 3600) / 60);
    var seconds = diff % 60;

    document.getElementById(elementId).innerHTML = 
      days + "天" + hours + "时" + minutes + "分" + seconds + "秒";
  }

  setInterval(update, 1000);
  update();
})();
</script>
}}
</div>
</includeonly>