Auto Restart / reset conto alla rovescia

Question

Quello che voglio è che quando il timer ha raggiunto la fine-data e l'ora inizia automaticamente finita, ma per il conto alla rovescia da 60 secondi. Im nuovo a jQuery e im strungling con questo problema per quasi tre giorni e posso farlo funzionare. Mio conto alla rovescia è perfettamente funzionante con i terminali dati inseriti dal database, ma quando raggiunge la fine data e ora (es: 0 giorni 0 ore 0 minuti 0 secondi) dovrebbe iniziare il conto alla rovescia da 60 secondi a zero.

Qualcuno può aiutare con questo problema? Di seguito una pace del mio codice im utilizzando. Im utilizzo combinato con PHP in modo che anche creerà le div utilizzati per i conti alla rovescia.

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

Così i pezzi di codice di cui sopra sta lavorando bene. Ora è solo dovrebbe riavviarsi automaticamente quando è stata raggiunta la data di fine. Quindi la mia domanda è come posso realizzare il pezzo di codice per realizzare quello che voglio todo, o quale funzione da jQuery dovrei usare e aggiungendo? Forse qualcuno ha ottenuto un pezzo di codice che sta facendo qualcosa di simile giá e vogliono condividerlo?

Per favore qualcuno può aiutarmi? Se non fossi stato abbastanza chiaro per favore mi chiedono di spiegare meglio.

Grazie in anticipo.

Answer 1

Utilizza il JQuery Countdown .

E 'eventi di callback che possono essere sparati quando il timer raggiunge lo zero. Quando questo accade, è sufficiente resettare e timer.

Supponendo questa è la nostra html:

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

Questa è grosso modo la JQuery avresti bisogno di azzerare il timer del conto alla rovescia.

// 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 il tuo codice di cui sopra di nuovo (po 'meglio questa volta) ... e il mio nuovo inizio quando viene raggiunto lo zero sta lavorando! Yeaaahhh. Necessario regolare alcune altre cose nel codice, ma è raggiunto il mio obiettivo principale ... Grazie mille, questo è davvero mi sta aiutando a capire jquery un po 'meglio. In base è semplice, ma prima la base deve essere capire :)

Grazie mille!