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に、1 秒後に消えて再び表示されます。いくつかの 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 に答える