1. 程式人生 > >jquery 插件 countdown.js 倒計時插件

jquery 插件 countdown.js 倒計時插件

pat () this selector new 應用市場 hub pla unit

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>
 
            $(‘[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() { } }); })

jquery 插件 countdown.js 倒計時插件