Welcome 微信登录

首页 / 脚本样式 / JavaScript / 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");
                }
            });
        });