我正在与countdown.js合作制作一个倒计时器。我基本上是试图从首页模仿计数器,但是这个只计算到新的一年,我希望能够编辑日期(我已经完成了)。
我拥有的是这个(例如秒)
<div class="countdown_inner flip'">
<div class="countdown second curr top" id="second"></div>
<div class="countdown second next top"></div>
<div class="countdown second next bottom"></div>
<div class="countdown second curr bottom"></div>
<span>Seconds</span>
</div>
下一个number
和curr
每秒都在变化(倒数 - 这个数字是通过countdown.js
生成的,而不是那些div)。我需要删除,然后每次发生更改时添加flip
类。这是作者在页面上发生的事情。他的代码与我的代码有很大不同,所以我不能只复制并粘贴它。每当在几分钟,几小时等时间发生变化时,flip
将消失并在一秒钟后再次出现。
我尝试了几个jquery处理程序,但没有运气(.on('change')
,或类似的东西)。
编辑:修正了代码。
答案 0 :(得分:1)
使用你.on('update.countdown',callback)
活动:
$('div#clock').countdown(finalDate)
.on('update.countdown', callback)
.on('finish', callback);
示例:
<div class="some"></div>
<div class="some"></div>
<div class="some"></div>
<div class="some"></div>
jquery的
event.offset
=&gt;月,周,日,小时,分,秒
$('.some').each(function(){
$(this)
.countdown('2015/10/10 12:34:56')
.on('update.countdown', function(event){
var format = '%M:%S';
if(event.offset.minutes % 2 == 1){ //odd number
console.log('odd number');
$(this).addClass('flip');
}
if (event.offset.minutes % 2 == 0){ //numbered
console.log('numbered ');
$(this).removeClass('flip');
}
$(this).html(event.strftime(format));
});
});
答案 1 :(得分:-1)
你可以使用函数.removeClass(&#39; CLASSNAME&#39;)/ .addClass(&#39; CLASSNAME&#39;);
尝试:
$("#WHATEVER").removeClass('CLASSNAME U WANT TO REMOVE')
$("#WHATEVER").addClass('CLASSNAME U WANT TO REMOVE');
希望它可以帮到你;)