Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gremio10

Criar contador regressivo

Por , em Javascript

Recommended Posts

gremio10    14

gremio10
Postado

Fala galera, eu to criando um sistema de leilão online, mas estou com um problema de criar o contador regressivo que ao clicar no botão, ele volte a contabilizar mas sem que ele continue rodando a contagem anterior..

 

eu faz algo assim:

 

$( function() {

       atualizaContador( 15 );

       $( "#lance" ).click( function( e ) {

           atualizaContador( 15 );

       } );

   } );

   function atualizaContador( secs ) 
   {
       jQuery( "#timer" ).html( secs );

       if( secs > 0 )
       {
           secs--;
           setTimeout(function(){atualizaContador(secs)},1000);
       }
       else
       {
           jQuery( "#timer" ).html( "Finalizado" );
       }
   }

 

Mas o problema é que ele termina o anterior e começa um novo... =/

 

Obrigado pela ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo™    0

Leonardo™
Postado

Veja se te ajuda.

<script type="text/javascript">

   window.onload = function() {

       var botao = document.getElementById( 'btn' );
       var mostrador = document.getElementById( 'mostrador' );
       // Define qual valor a contagem irá começar.
       var tempo = 60;
       // Recebe uma referência de acordo com a função setTimeout.
       var intervalo;

       // Realiza a contagem
       var contagem = function() {
           // Quando chega ao final o botão pode ser acionado novamente.
           if ( tempo < 0 ) {
               tempo = 60;
               botao.disabled = false;
               clearTimeout( intervalo );
               mostrador.innerHTML = 'Tempo esgotado!';
           } else {
               // Decrementa o tempo.
               intervalo = setTimeout( contagem, 1000 );
               mostrador.innerHTML = tempo;
               botao.disabled = true;
               tempo--;
           }
       }

       // Intercepta o evento
       botao.onclick = function() {
           contagem();
       }

   }

</script>


<body>
   <div id="mostrador"></div>
   <input type="button" id="btn" value="Iniciar Contagem" />
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito