jquery 插件 countdown.js 倒計時插件

https://github.com/HugoGiraudel/Countdown.js

代碼來源微擎應用市場

html代碼：

<div class="count-down" data-countdown="2019-02-15 00:00:00">
                                <span class="num day">00</span>
                                <span class="unit">天</span>
                                <span class="num hour">00</span>
                                <span class="unit">時</span>
                                <span class="num minute">00</span>
                                <span class="unit">分</span>
                                <span class="num second">00</span>
                                <span class="unit">秒</span>
                            </div>

 js代碼：

            $('[data-countdown]').each(function(index) {
                var $this = $(this);
                var finalDate = $this.data('countdown') || new Date();
                finalDate = finalDate.replace(/-/g,"/");
                $this.attr('id', 'countdown-' + index)
                new Countdown({  // Custom
                    selector: '#countdown-' + index,
                    dateEnd: new Date(finalDate),
                    leadingZeros: true,
                    // <b> {days} </b> days, {hours} hours, {minutes} minutes !'
                    msgPattern : '<span class="num day">{days}</span>'
                                + '<span class="unit">天</span>'
                                + '<span class="num hour">{hours}</span>'
                                + '<span class="unit">時</span>'
                                + '<span class="num minute"> {minutes} </span>'
                                + '<span class="unit">分</span>'
                                + '<span class="num second">{seconds}</span>'
                                + '<span class="unit">秒</span>',
                    msgAfter: '活動結束',
                    onStart: function() { 
                    },
                    onEnd: function() {
                    }
                });
            })