jquery插件jquery倒计时插件分享

 更新时间:2013年12月27日 09:20:00   作者:  
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');
                }
            });
        });

相关文章

  • javascript的变量、传值、传址、参数之间关系

    javascript的变量、传值、传址、参数之间关系

    这篇文章主要介绍了javascript的变量、传值、传址、参数之间关系的相关资料,需要的朋友可以参考下
    2015-07-07
  • jquery JSON的解析方式

    jquery JSON的解析方式

    第一次用JSON作为jquery异步请求的传输对象,结果在jquery请求后返回的结果是字符串还是json对象上折腾了半天。等到问题解决了,也大致明白怎么个意思了,归根结底还是对jquery对相关json对象获取的理解有所偏差。
    2009-07-07
  • JQueryEasyUI之DataGrid数据显示

    JQueryEasyUI之DataGrid数据显示

    在有的项目中,为了方便将数据库中的某些定值储存为指定的数字,怎么处理这种问题呢?下面小编通过一段代码给大家介绍下,需要的朋友参考下
    2016-11-11
  • 基于Jquery的动态创建DOM元素的代码

    基于Jquery的动态创建DOM元素的代码

    jquery动态创建页面元素,mark一下,以备以后查询时使用。以创建div和input为例。
    2010-12-12
  • jquery中对表单的基本操作代码

    jquery中对表单的基本操作代码

    jquery对表单的基本操作,里面对于checkbox等表单的获取,都有很详细的说明。
    2010-07-07
  • 用jquery修复在iframe下的页面锚点失效问题

    用jquery修复在iframe下的页面锚点失效问题

    iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,用js判断页面是否被嵌套,用js计算iframe在父窗体位置
    2014-08-08
  • jqTransform美化表单

    jqTransform美化表单

    本文为大家揭秘如何使表单更加美化,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • 利用JQuery写一个简单的异步分页插件

    利用JQuery写一个简单的异步分页插件

    这篇文章主要为大家详细介绍了如何利用JQuery写一个简单的异步分页插件,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jQuery中过滤器的基本用法示例

    jQuery中过滤器的基本用法示例

    这篇文章主要介绍了jQuery中过滤器的基本用法,结合简单实例形式分析了jQuery过滤器针对table表格元素属性进行判断与设置的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • jQuery实现边框动态效果的实例代码

    jQuery实现边框动态效果的实例代码

    这篇文章给大家分享了一个jQuery边框动态的效果,当鼠标移动到边框区域的时候,边框会有个动态的加载动画效果,实现的效果真的非常不错,下面来一起看看吧。
    2016-09-09

最新评论