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

StackOverflow https://stackoverflow.com/questions/932540

  •  06-09-2019
  •  | 
  •  

質問

どのような私が欲しいのは、タイマーが終了日時に達したとき、それは自動的に60秒からカウントダウンでやり直すが、ということです。 jQueryとイムは、ほぼ3日間、この問題にstrunglingと私はそれを実行し得るカントに新しいイム。 私のカウントダウンがデータベースから挿入されたエンド・データと完全に取り組んでいるが、それは（例えば：0日0時間0分0秒）終了日時に達した場合、それはゼロに60秒からカウントダウンすることから始める必要があります。

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

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

だから、上記のコードの断片は、正常に動作しています。終了日に達したとき、今では唯一、自動的に再起動する必要があります。 だから私の質問はどのように私はそれがTODO欲しいものを実現するためのコードの一部を実装することができ、または私が使用して追加する必要がありますjqueryのから何の機能ですか？たぶん誰かが出回っそのようなことをやって、それを共有したいされたコードの一部を得たか。

誰かが私を助けることができますしてください？私は十分に明確ではなかった場合は、より良い説明して私に聞いてくださいます。

事前に感謝します。

正しい解決策はありません

他のヒント

jQueryのカウントダウンのプラグインを使用します。

これは、タイマーがゼロに当たったときに起動することができ、コールバックイベントを持っています。これが発生した場合、単純にリセットし、タイマーます。

これは私たちの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'); 
}

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

どうもありがとうございました！

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top