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?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.