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 常用代码技巧大收集
Feb 25 Javascript
getElementByIdx_x js自定义getElementById函数
Jan 24 Javascript
js查错流程归纳
May 04 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
javascript实现行拖动的方法
May 27 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
JavaScript中数组的22种方法必学(推荐)
Jul 20 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
vue的for循环使用方法
Feb 12 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 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 选项及相关信息函数库
2006/12/04 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
php实现源代码加密的方法
2015/07/11 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
原生js实现随机点名
2020/07/05 Javascript
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python实现PS图像抽象画风效果的方法
2018/01/23 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python实现的插入排序,冒泡排序,快速排序,选择排序算法示例
2019/05/04 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
自学python用什么系统好
2020/06/23 Python
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
职业生涯规划书结束语
2014/04/15 职场文书
保护环境倡议书范文
2014/05/13 职场文书
文员求职信
2014/07/15 职场文书
依法行政工作汇报
2014/10/28 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
教师党员个人自我评价
2015/03/04 职场文书
教师素质教育心得体会
2016/01/19 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL
零基础学java之循环语句的使用
2022/04/10 Java/Android
ant design vue的form表单取值方法
2022/06/01 Vue.js