我使用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);
任何人都可以帮助我吗?