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?
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?
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.