jquery插件jquery倒计时插件分享


Posted in Javascript onDecember 27, 2013
$(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 相关文章推荐
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
js获取checkbox值的方法
Jan 28 Javascript
jQuery CSS3相结合实现时钟插件
Jan 08 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
elementUI中Table表格问题的解决方法
Dec 04 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
Jun 19 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
Aug 20 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 #Javascript
window.open打开页面居中显示的示例代码
Dec 27 #Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 #Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 #Javascript
JS 数字转换研究总结
Dec 26 #Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 #Javascript
js几秒以后倒计时跳转示例
Dec 26 #Javascript
You might like
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
php生成微信红包数组的方法
2019/09/05 PHP
jQuery 方法大全方便学习参考
2010/02/25 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
JS限制Textarea文本域字符个数的具体实现
2013/08/02 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
javascript的BOM汇总
2015/07/16 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
pandas针对excel处理的实现
2021/01/15 Python
你常见到的runtime exception
2016/09/05 面试题
爷爷追悼会答谢词
2014/01/24 职场文书
社区八一活动方案
2014/02/03 职场文书
倡议书格式
2014/04/14 职场文书
工作会议方案
2014/05/21 职场文书
鉴史问廉观后感
2015/06/10 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python