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!

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top