首页 > Web开发 > 详细

jquery 插件 countdown.js 倒计时插件

时间:2019-02-12 15:18:14      阅读:218      评论:0      收藏:0      [点我收藏+]

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 倒计时插件

原文:https://www.cnblogs.com/tianyamike/p/10365144.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!