0

このスイッチャー プラグインを使用して、2 つのコンテンツ div 内でこの jQuery カウントダウン プラグインを使用しています。カウントダウンがdiv内で常に更新されないことを除いて、すべてうまく機能します。更新されたカウントダウンを取得するには、それらの間を行ったり来たりする必要があります。

これに何か関係があるのではないかと思いますが、カウントダウンプラグインでそれを行う方法を理解するのに苦労しています。

JS は次のとおりです。

$(function () {
$('#count-na').countdown( 
    {until: $.countdown.UTCDate(-4, 2013, 06-1, 9)});
});
$(function () {
$('#count-eu').countdown( 
    {until: $.countdown.UTCDate(-0, 2013, 06-1, 14)});
});
$(document).ready(function() {
jcps.fader(200, '#switcher-panel');
});

HTMLは次のとおりです。

<div id="content">
    <div id="switcher-panel"></div>
    <div id="na-content" class="switcher-content show">
        <div id="count-na"></div>
        <div class="subtext">until something happens</div>
    </div>
    <div id="eu-content" class="switcher-content">
        <div id="count-eu"></div>
        <div class="subtext">until something happens</div>
    </div>
    <a id="na" class="switcher">North America</a> - <a id="eu" class="switcher">Europe</a>
</div>

最後に、明確でない場合は JSFiddle: http://jsfiddle.net/tCyBm/

ありがとう

4

1 に答える 1

0

onTick : watchCountdown を追加してみましたか? うん。ya のドキュメントをチェックアウトしました。最初に指摘したいのは、IE を使用していて最新バージョンの API を実行していない場合、それが問題です。次に、countdown.js との通信方法に影響を与える可能性があるため、無名関数から関数呼び出しを取り除いてみてください。

onTick : watchCountdown は必要ないはずですが、

     $('#count-eu').countdown(
       {until: $.countdown.UTCDate(-0, 2013, 06-1, 14), onTick: watchCountdown});

    function watchCountdown(periods) {  $('#monitor').text('Just ' + periods[5] +
       ' minutes and ' + periods[6] + ' seconds to go');}

カウントダウンが更新されるたびに呼び出されるコールバック関数。関数内では、これはウィジェットを保持する部門を参照します。現在のカウントダウン期間の配列 (int[7] - フォーマット設定に基づく) がパラメーターとして渡されます: [0] は年、[1] は月、[2] は週、[3] は日、[4] ] は時間、[5] は分、[6] は秒です。///ドキュメントからその部分をコピーしました。

それがどのように機能するか教えてください.

于 2013-02-26T08:26:45.410 に答える