源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery插件jquery倒计时插件分享

  • 时间:2022-08-15 00:12 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery插件jquery倒计时插件分享
[u]复制代码[/u] 代码如下:
$(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');                 }             });         });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部