Tecnologia

Contagem regressiva

Vamos aprender a fazer uma contagem regressiva com javascript.


Exemplo:

Você tem: 180 segundos para ler o código ... depois disso a página será recarregada.


HTML:

		
Contagem regressiva: <span id="tempo"">180</span"> segundos ...

Javascript:

	
function iniciar() {
	window.setTimeout("mostrar()", 1000);
	// setTimeout irá chamar mostra() depois de aguardar X segundos. No nosso caso, 1 segundo
}

// Função responsavel por exibir a contagem na tela
function mostrar() {
	// lemos o valor atual
	var valor = document.getElementById('tempo').innerHTML;
	
	// escrevemos o novo valor (subtraimos 1)
	document.getElementById('tempo').innerHTML = (valor - 1); 
	
	// se valor igual a 1, terminou a contagem
	if(valor == 1) {
		tempoExpirou();
	} else {
		// se nao, continuamos
		iniciar();
	}
}

// Função utilizada para executar uma ação no término da contagem
// No nosso caso, recarregamos a página
function tempoExpirou() {
	window.location = "Contagem_regressiva.php";
}

// iniciamos a contagem
iniciar();
2020 © B85 Tecnologia
eu@andersonbravo.com.br