Auto Restart / Reset Countdown-Timer

Question

Was ich will, ist, dass, wenn der Timer das Ende-Datum und die Uhrzeit automatisch über beginnen, aber durch Abzählen von 60 Sekunden erreicht hat. Im neu zu jquery und im strungling mit diesem Problem für fast 3 Tage und ich kann es nicht laufen bekommen. Mein Countdown arbeitet perfekt mit den End-Daten aus der Datenbank eingefügt, aber wenn es das Ende-Datum und die Uhrzeit erreicht (zB: 0 Tage 0 Stunden 0 Minuten 0 Sekunden) sollte durch Abzählen von 60 Sekunden auf Null beginnen.

Kann jemand bitte helfen mit diesem Problem? Hier unten ein Frieden meines Code im mit. Im mit ihm in Verbindung mit PHP so wird es auch die div-Tags für die Countdowns verwendet erstellen.

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

So sind die Teile des Codes oben funktioniert gut. Nun sollte es nur dann automatisch neu starten, wenn das Enddatum erreicht ist. Also meine Frage ist, wie kann ich das Stück Code implementieren zu erkennen, was ich es todo wollen, oder welche Funktion von jquery soll ich verwenden und das Hinzufügen? Vielleicht hat jemand ein Stück Code, der so etwas wie das allready und wollen tut es teilen?

Bitte kann mir jemand helfen? Wenn ich nicht klar genug war, bitte fragen Sie mich besser zu erklären.

Vielen Dank im Voraus.

Answer 1

Mit dem JQuery Countdown Plugin.

Es hat Callback-Ereignisse, die ausgelöst werden können, wenn der Timer Null trifft. Wenn dies geschieht, einfach zurückgesetzt und Timer.

Dies Unter der Annahme, unsere html:

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

Das ist in etwa die JQuery müssen Sie den Countdown-Timer zurückgesetzt wird.

// 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

I studyied Ihren obigen Code wieder (etwas besser diesmal) ... und mein Neustart bei Null erreicht funktioniert! Yeaaahhh. Habe einige andere Sachen im Code anpassen, aber mein Hauptziel erreicht ist ... vielen Dank, das ist wirklich hilft mir jquery ein bisschen besser zu verstehen. In dem Grunde ist es einfach, aber zuerst muss die grundlegende sein verstehen :)

Vielen Dank!