查看“︁Widget:Countdown”︁的源代码

<noinclude>

这是一个活动倒计时组件,仅供{{tl|Countdown}}使用。
{{#widget:Countdown|target=today-end}}

</noinclude>
<includeonly>

<span class="countdown-timer" data-target="<!--{$target|default:'today-end'|escape:'quotes'}-->">...</span>

<script>
(function() {
    let t = null;

    function u() {
        const n = new Date();
        document.querySelectorAll('.countdown-timer').forEach(el => {
            const s = el.getAttribute('data-target');
            let g = s === 'today-end' ? 
                new Date(n.getFullYear(), n.getMonth(), n.getDate(), 23, 59, 59) : 
                new Date(s);
            
            const d = g - n;

            if (d <= 0) {
                el.innerHTML = "Ended";
                return;
            }

            const h = Math.floor(d / 36e5);
            const m = Math.floor((d % 36e5) / 6e4);
            const c = Math.floor((d % 6e4) / 1e3);

            el.innerHTML = [h, m, c].map(v => v < 10 ? "0" + v : v).join(":");
        });
    }

    function start() {
        if (!t) {
            u();
            t = setInterval(u, 1000);
        }
    }

    function stop() {
        clearInterval(t);
        t = null;
    }
    document.addEventListener('visibilitychange', () => {
        if (document.hidden) {
            stop();
        } else {
            start();
        }
    });

    start();
})();
</script>
</includeonly>