您好,欢迎访问一九零五行业门户网

jquery插件jquery倒计时插件分享_jquery

复制代码 代码如下:
$(document).ready(function () {
            /* 延迟函数  */
            jquery.fn.delay = function (time, func) {
                return this.each(function () {
                    settimeout(func, time);
                });
            };
            jquery.fn.countdown = function (settings, to) {
                settings = jquery.extend({
                    startfontsize: '36px',
                    endfontsize: '12px',
                    duration: 1000,
                    startnumber: 10,
                    endnumber: 0,
                    callback: function () { }
                }, settings);
                return this.each(function () {
                    if (!to && to != settings.endnumber) { to = settings.startnumber; }
                    //设定倒计时开始的号码
                    $(this).text(to).css('fontsize', settings.startfontsize);
                    //页面动画
                    $(this).animate({
                        'fontsize': settings.endfontsize
                    }, settings.duration, '', function () {
                        if (to > settings.endnumber + 1) {
                            $(this).css('fontsize', settings.startfontsize).text(to - 1).countdown(settings, to - 1);
                        }
                        else {
                            settings.callback(this);
                        }
                    });
                });
            };
            //使用
            $('#countdown').countdown({
                startnumber: 10,
                callback: function (me) {
                    $(me).text('all done! this is where you give the reward!').css('color', '#090');
                }
            });
        });
其它类似信息

推荐信息