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');

  }

  });

  });