自動再起動/リセットカウントダウンタイマー
-
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の基本を理解する必要があります:)
どうもありがとうございました!