使用jquery

时间:2015-09-02 12:44:48

标签: jquery countdown bounce

我使用jquery.countdown

为即将到来的页面创建简单的倒数计时器

这是我的代码:

$(function() {
  var endDate = $('.counter').attr('timer');

  $('.counter .row').countdown({
    date: endDate,
    render: function(data) {
      var element = this.el;
      $(".days .count-round", element).html("<span class='text-center'>"  + this.leadingZeros(data.days, 2) + " <p> Days</p></span> ");
      $(".hours .count-round", element).html("<span class='text-center'>"  + this.leadingZeros(data.hours, 2) + " <p> Hours</p></span> ");
      $(".min .count-round", element).html("<span class='text-center'>"  + this.leadingZeros(data.min, 2) + " <p> Minutes</p></span> ");
      $(".sec .count-round", element).html("<span class='text-center'>"  + this.leadingZeros(data.sec, 2) + " <p> Seconds</p></span> ");
    }
  });
});

现在我尝试在更改

时将反弹效果添加到天,小时,分钟和秒

这是跳出效果代码

$('.count-round').effect("bounce", { times:5 }, 300);

任何人都可以帮助我吗?

0 个答案:

没有答案