Remise en marche automatique / réinitialisation compte à rebours

Question

Ce que je veux est que lorsque la minuterie a atteint la date de fin et l'heure de départ automatiquement, mais en comptant à rebours à partir de 60 secondes. Im nouveau à jquery et im strungling avec ce problème pendant près de 3 jours et je ne peux pas le faire fonctionner. Mon compte à rebours fonctionne parfaitement avec les terminaux données insérées à partir de la base de données, mais lorsqu'il atteint la date de fin et le temps (par exemple: 0 jours 0 heures 0 minutes 0 secondes), il doit commencer par le compte à rebours de 60 secondes à zéro.

Quelqu'un peut-il s'il vous plaît aider à ce problème? Ci-dessous, une paix de mon code im en utilisant. Im utiliser combiné avec PHP il permettra également de créer les divs utilisées pour les comptes à rebours.

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

Ainsi, les morceaux de code ci-dessus fonctionne bien. Maintenant, il devrait redémarrer automatiquement que lorsque la date de fin est atteinte. Donc, ma question est de savoir comment puis-je mettre en œuvre le morceau de code pour réaliser ce que je veux todo, ou quelle fonction de jquery je devrais être en utilisant et en ajoutant? Peut-être que quelqu'un a un morceau de code qui fait quelque chose comme ça et allready veulent partager?

S'il vous plaît quelqu'un peut me aider? Si je n'étais pas assez clair s'il vous plaît me demander d'expliquer mieux.

Merci d'avance.

Answer 1

Utilisez le JQuery Compte à rebours plug-in .

Il a des événements de rappel qui peut être déclenché lorsque la minuterie atteint zéro. Lorsque cela se produit, il suffit de réinitialiser et de la minuterie.

En supposant que ceci est notre html:

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

est à peu près le JQuery, vous aurez besoin de réinitialiser le compte à rebours.

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

Je le code ci-dessus étudié plus à nouveau (peu mieux cette fois-ci) ... et mon redémarrage lorsque le zéro est atteint marche! Yeaaahhh. Doivent régler d'autres choses dans le code, mais mon objectif principal est atteint ... Merci beaucoup, cela me aide vraiment à comprendre jquery un peu mieux. En base, il est simple, mais d'abord la base doit être comprendre :)

Merci beaucoup!