Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Cronômetro

Preciso fazer um cronômetro de contagem regressiva que não altera o valor mesmo que a página seja atualizada (recarregada), e assim que chegar ao tempo 0 redirecionar o usuário para outra página, qual seria a melhor maneira para obter tal resultado?

6 respostas
solução!

Fala aí João, tudo bem? Você pode criar uma função que será executada dado um intervalo de x tempo, isso pode ser feito com o setInterval que recebe uma função como primeiro parâmetro e o tempo em milissegundos como segundo.

Dentro dessa função você pode fazer a condição, se for tempo <= 0 então você redireciona para outra página, o redirecionamento pode ser feito com o window.location = destino.

Espero ter ajudado.

Opa, tudo certo e com você? Boa!! Valeu a dica, vou tentar aplicar do modo que você falou, mas e quanto a "prevenção" da reinicialização do cronômetro quando a página for atualizada? A minha ideia é de que mesmo atualizando a página o cronômetro continue decrescendo o tempo até chegar a 0.

Oi João tudo bem?

Você pode usar o localStorage do navegador para escrever a contagem do cronômetro. Dá uma olhada em https://developer.mozilla.org/pt-BR/docs/Web/API/Storage/LocalStorage .

Espero ter ajudado!!!

Fala aí João, ai você pode usar o localStorage com o André falou ou poderia implementar um servidor de WebSocket (mais dificil e complexo).

Espero ter ajudado.

Valeu, galera! Vou implementar as dicas que me passaram. Abraços

Mágina João, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software