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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
JS 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
JavaScript中两个感叹号的作用说明
Dec 28 Javascript
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
vue实现防抖的实例代码
Jan 11 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
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
PHP 验证码的实现代码
2011/07/17 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
vue实现路由懒加载及组件懒加载的方式
2019/06/11 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
python获取从命令行输入数字的方法
2015/04/29 Python
Python设置默认编码为utf8的方法
2016/07/01 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
python中的itertools的使用详解
2020/01/13 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
团员学习总结的自我评价范文
2013/10/14 职场文书
行政前台岗位职责
2013/12/04 职场文书
大学校务公开实施方案
2014/03/31 职场文书
教师作风整改措施思想汇报
2014/10/12 职场文书
技术股东合作协议书
2014/12/02 职场文书