Auto Restart / Reiniciar temporizador de contagem regressiva
-
06-09-2019 - |
Pergunta
O que eu quero é que quando o temporizador atingiu o prazo final e tempo automaticamente começar de novo, mas pela contagem regressiva de 60 segundos. Im novo para jQuery e im strungling com este problema por quase 3 dias, e eu não posso fazê-lo funcionar. Minha contagem regressiva está funcionando perfeitamente com os dados-finais inseridos no banco de dados, mas quando se atinge a data final e tempo (por exemplo: 0 dias 0 horas 0 minutos 0 segundos) deve começar pela contagem regressiva de 60 segundos para zero.
Por favor alguém pode ajudar com este problema? Aqui abaixo uma paz de meu código im usando. Im a usá-lo combinado com PHP para que ele também irá criar as divs utilizados para as contagens regressivas.
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
Assim, os pedaços de código acima está funcionando bem. Agora ele só deve reiniciar automaticamente quando a data final foi alcançado. Então, minha pergunta é como eu posso implementar o pedaço de código para perceber o que eu quero que todo, ou qual a função do jQuery eu deveria estar usando e adicionando? Talvez alguém tem um pedaço de código que está fazendo algo parecido allready e queremos compartilhá-lo?
Por favor, alguém pode me ajudar? Se eu não foi suficiente claro por favor, pergunte-me explicar melhor.
Obrigado antecipadamente.
Nenhuma solução correta
Outras dicas
Use a JQuery contagem regressiva plugin.
Tem eventos de retorno de chamada que podem ser disparados quando o cronômetro zerar. Quando isso acontecer, basta reiniciar e timer.
Assumindo que este é o nosso html:
<div id="shortly"></div>
<button id="shortlyStart">Start</button>
Este é aproximadamente o JQuery que você precisa para repor o temporizador de contagem regressiva.
// 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');
}
Eu studyied seu código acima novamente (pouco melhor desta vez) ... e meu reinício quando o zero é atingido está funcionando! Yeaaahhh. Tem que ajustar algumas outras coisas no código, mas meu principal objetivo é alcançado ... Muito obrigado, isso está realmente me ajudar a entender jquery um pouco melhor. Em básica é simples, mas primeiro o básico tem que ser entender :)
Muito obrigado!