0

我正在使用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')或类似的东西）。

编辑：修复了代码。

4

2 回答 2

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=> 月、周、日、小时、分钟、秒

$('.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));
    });
});
于 2014-09-19T12:59:09.490 回答
-1

您可以使用函数 .removeClass('CLASSNAME') / .addClass('CLASSNAME');

尝试：

$("#WHATEVER").removeClass('CLASSNAME U WANT TO REMOVE')
$("#WHATEVER").addClass('CLASSNAME U WANT TO REMOVE');

希望它可以帮助你;）

于 2014-09-19T12:04:36.733 回答