Ir para conteúdo

Arquivado

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

Thiago Alves

Contador Regressivo (Jquery)

Recommended Posts

Fiz um contador regressivo simples:

/*
	Contador regressivo
*/
	function contador(segundos,pagina){
		contador1 = setTimeout('redireciona(\''+pagina+'\')', segundos*1000);
		atualiza(segundos);
	}
	function atualiza(segundos){
		if(segundos>0){
			$("#tempo").html(segundos);
			segundos = segundos-1;
			contador2 = setTimeout('atualiza(\''+segundos+'\')', 1000);
		}
	}
	function redireciona(pagina){
		window.location = pagina;
	}
/*
	Uso:
	contador(<segundos>,<pagina_para_redirecionar>);
	Exemplo:
	contador(5,'index.php');
*/

Para usar:

<script type="text/javascript">contador(5,'pagina_que_vai_redirecionar');</script>
<span id="tempo"></span> // Aqui fica o contador

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo a unica parte Jquery é essa:

$("#tempo").html(segundos);

o resto é JAVASCRIPT, seria o mesmo que fazer isso:

function contador(segundos,pagina){
		contador1 = setTimeout('redireciona(\''+pagina+'\')', segundos*1000);
		atualiza(segundos);
	}
	function atualiza(segundos){
		if(segundos>0){
			document.getElementById("tempo").innerHTML = segundos;
			segundos = segundos-1;
			contador2 = setTimeout('atualiza(\''+segundos+'\')', 1000);
		}
	}
	function redireciona(pagina){
		window.location = pagina;
	}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Realmente, você ta certo, mas é que eu desenvolvi dentro de uma aplicação jquery e fui escrevendo automaticamente e nao percebi que dava pra transformar em javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo a unica parte Jquery é essa:

$("#tempo").html(segundos);

o resto é Javascript, seria o mesmo que fazer isso:

function contador(segundos,pagina){
		contador1 = setTimeout('redireciona(\''+pagina+'\')', segundos*1000);
		atualiza(segundos);
	}
	function atualiza(segundos){
		if(segundos>0){
			document.getElementById("tempo").innerHTML = segundos;
			segundos = segundos-1;
			contador2 = setTimeout('atualiza(\''+segundos+'\')', 1000);
		}
	}
	function redireciona(pagina){
		window.location = pagina;
	}

Esse código não funcionou, ja utilizando jquery sim.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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