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 相关文章推荐
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
JavaScript中数据类型转换总结
Dec 25 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 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中cookie的作用域
2008/03/27 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
常用js脚本
2006/12/03 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
Python中规范定义命名空间的一些建议
2016/06/04 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
django如何通过类视图使用装饰器
2019/07/24 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
为什么说python适合写爬虫
2020/06/11 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
大一期末自我鉴定
2013/12/13 职场文书
导师推荐信范文
2014/05/09 职场文书
给市场的环保建议书
2014/05/14 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
Python函数中的不定长参数相关知识总结
2021/06/24 Python