查看“微件:倒计时/js”的源代码

<includeonly><script>
    if(document.readyState == 'interactive' || document.readyState == 'complete') {
        // 页面已加载完成
        StartCountDown()
    } else {
        // 没加载完，监听加载完成事件
        document.addEventListener("DOMContentLoaded", function () {
            StartCountDown()
        });
    }
function StartCountDown() {
// 开始倒计时
    CountDownShort();
    var i = window.setInterval(function () {
        if (new Date().getSeconds() == 0) {
          window.clearInterval(i);
          CountDownShort();
          window.setInterval(CountDownShort, 1000);
        }
    }, 1000);
}
function CountDownShort() {
  var a = document.getElementsByClassName("CDScontainer");
  if (a.length == 0) {
    return;
  }
  var ct = new Date().getTime() / 1000;
  for (var i = 0; i<a.length; i++) {
    var s = parseInt(a[i].getAttribute("data-time"), 10);
    var t = a[i].getAttribute("data-event")
    if(!t) {
        t = '距离'+ t + '还有'
    }
    if (s > ct) {
      var delta = s - ct;
      if (delta > 86400) {
        t += Math.floor(delta / 86400) + "天";
        delta = delta % 86400;
      }
      if (delta > 3600) {
        var hour = Math.floor(delta / 3600)
        t += (hour < 10 ? '0' + hour : hour) + "时";
        delta = delta % 3600;
      }
      if (delta > 60) {
        var minute = Math.floor(delta / 60)
        t += (minute < 10 ? '0' + minute : minute) + "分";
        delta = delta % 60;
      }
      if (delta > 0) {
        t += (delta < 10 ? "0" : "") + Math.floor(delta) + "秒"; // 添加秒数
      }
      a[i].innerHTML = t;
    } else {
      if (a[i].innerHTML != "") {
        a[i].innerHTML = "";
      }
    }
  }
}
</script>
</includeonly>
<noinclude>{{documentation|content=看[[模板:倒计时/js]]}}{{#Widget:倒计时/js}}{{倒计时/js|time=2024-08-20 10:00}}</noinclude>