Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery插件jquery倒计时插件分享

jquery插件jquery倒计时插件分享

发布时间:2014-06-08   编辑:www.jquerycn.cn
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');
                }
            });
        });

您可能感兴趣的文章:
整理8个很棒的 jQuery 倒计时插件和教程
jQuery动态倒计时插件实例代码
jQuery音乐播放器
jQuery网页倒计时代码 显示天、小时、分钟与秒数
jQuery分页插件 jQuery Pagination
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
jquery插件jquery倒计时插件分享
jQuery特效字体插件 Font effect
初探jquery——表单应用范例

[关闭]