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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
Js基础学习资料
Nov 23 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
JS简单表单验证功能完整示例
Jan 26 Javascript
Element Card 卡片的具体使用
Jul 26 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
Jan 26 Vue.js
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运行时强制显示出错信息的代码
2011/04/20 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
jQuery 三击事件实现代码
2013/09/11 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
微信小程序 swiper制作tab切换实现附源码
2017/01/21 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
js实现左右轮播图
2020/01/09 Javascript
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
python程序控制NAO机器人行走
2019/04/29 Python
python中对数据进行各种排序的方法
2019/07/02 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python的in,is和id函数代码实例
2020/04/18 Python
美国校园市场:OCM
2017/06/08 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
业务经理的岗位职责
2013/11/16 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
导师推荐信范文
2014/05/09 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
英文慰问信范文
2015/03/24 职场文书
转学证明范本
2015/06/19 职场文书
党员读书活动心得体会
2016/01/14 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
Python中文纠错的简单实现
2021/07/07 Python
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android