jquery插件jquery倒计时插件分享_Javascript教程-查字典教程网
jquery插件jquery倒计时插件分享
jquery插件jquery倒计时插件分享
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(document).ready(function(){/*延迟函数*/jQuery.fn.delay=function...

复制代码 代码如下:

$(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教程学习
    编程开发子分类