亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Countdown-倒計時插件

標簽:
JQuery

今天我介绍的就是类似这种功能的jquery插件,他不仅能实现上面所述的功能,而且在每个倒计时数字实现动画的过渡效果。


文章详情和下载链接


$(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');              }          });      });




點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消