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 反科里化 this [译]
Sep 20 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
Mar 08 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
清除输入框内的空格
Dec 21 Javascript
vue页面切换过渡transition效果
Oct 08 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
JS实现滚动条触底加载更多
Sep 19 Javascript
前端开发基础javaScript的六大作用
Aug 06 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 加密/解密函数 dencrypt(动态密文,带压缩功能,支持中文)
2009/01/30 PHP
php5.5新数组函数array_column使用
2013/07/08 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
c#+jquery实现获取radio和checkbox的值
2020/09/12 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
AngularJS基础 ng-selected 指令简单示例
2016/08/03 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
Python基于dom操作xml数据的方法示例
2018/05/12 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
Django实现发送邮件功能
2019/07/18 Python
python实现超市商品销售管理系统
2019/10/25 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
在Python中用GDAL实现矢量对栅格的切割实例
2020/03/11 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
什么是python的列表推导式
2020/05/26 Python
Python socket服务常用操作代码实例
2020/06/22 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
应届生污水处理求职信
2013/11/06 职场文书
安全教育实施方案
2014/03/02 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
教师教育教学随笔
2015/08/15 职场文书
《西门豹》教学反思
2016/02/23 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书