自動再始動/リセットカウントダウンタイマー

Question

私が欲しいのは、タイマーが終了日時に達すると自動的に開始されますが、60秒からカウントダウンされます。私はjqueryと私はほぼ3日間この問題を抱えて私に新しいと私はそれを実行することはできません。 私のカウントダウンは、データベースから挿入されたエンドデータと完全に機能していますが、終了日時（0日0時間0分0秒など）に達すると、60秒から0にカウントダウンされます。

誰かがこの問題を助けてくれますか？ここで私のコードの平和の下で使用しています。 私はそれをPHPと組み合わせて使用​​しているので、カウントダウンに使用されるdivも作成されます。

のjQuery：

$data = '<script type="text/javascript"> 
$(function() {'; 
    foreach($datarows as $key => $value) { // start php foreach 

    $data .= ' 
       $(\'#wincountdown'.$datarows[$key]['uid'].'\').countdown({ until: new Date('. strftime('%Y,%m - 1,%d,%H,%M',$datarows[$key]['end_bidding']).') }) ; 
    '; 
    } // end php foreach 
$data .= ' 
}); 
</script>'; 

HTML

<div id="wincountdown<#nr#>"> </div> //build by db array 

したがって、上記のコードの一部が正常に動作しています。これで、終了日に達すると自動的に再起動するだけです。 私の質問は、コードを実装して欲しいものを実現する方法、またはjqueryの機能を使用して追加する方法です。たぶん誰かがコードを手に入れたことがあります。

誰かが私を助けてくれますか？私が十分に明確でない場合は、より良く説明するように私に依頼してください。

ありがとうございます。

Answer 1

JQuery Countdownプラグインを使用してください。

コールバックイベントは、タイマーヒット時に発生する可能性があります。これが起こるとき、単にリセットし、タイマー。これが私たちのHTMLと仮定すると

：

<div id="shortly"></div> 
<button id="shortlyStart">Start</button> 

これは大体、あなたがカウントダウンタイマーをリセットする必要があると思いjQueryのです。

// restart the timer on expiry 
$('#shortly').countdown({until: shortly, 
    onExpiry: restart, onTick: watchCountdown}); 

$('#shortlyStart').click(function() { 
    // restart the timer on click 
    restart(); 
}); 

function restart() { 
    shortly = new Date(); 
    shortly.setSeconds(shortly.getSeconds() + 5.5); 
    $('#shortly').countdown('change', {until: shortly}); 
} 

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

Answer 2

私は（今回少し良く）もう一度上記のコードをstudyied ...そして私の再起動がゼロに達したときに取り組んでいます！ Yeaaahhh。コード内の他のものを調整する必要がありますが、私の主な目標に達しています...ありがとう、これは本当にjqueryを少し良く理解するのを助けています。基本的には単純ですが、最初に基本的なことを理解する必要があります:)

ありがとう！