Contagem regressiva

ricardo.frias · Abril 8, 2003

Pessoal,Alguém teria algo em Java Script que fizesse uma contagem regressiva a partir de um número dado, e quando esse contador chegasse no zero encerrasse a aplicação.ValeuRicardo

kleber · Abril 8, 2003

Ricardo,explique melhor a sua dúvida..você quer isso em segundos? por exemplo dado 60 (segundos)encerrasse o processamento?pq você pode fazer um contador, e fazer um for até que se chegue a esse número...Kleber

hinom · Abril 8, 2003

<html><head><title>JavaScript - Contagem Regressiva</title><style type=text/css>.texto{font-family:verdana; font-size:12px; color:000000;}.entrada{font-family:verdana; font-size:12px; color:000000; background-color:05bbcc;}</style><script language=javascript>function iniciar(tempo,dif){window.setTimeout("mostra(tempo,dif)",tempo);}function mostra(tempo,dif){valor = document.tempo.tempor.value; document.tempo.tempor.value = (valor - dif); if(valor == 1){TempoExpirou();}else{iniciar(tempo,dif);}}</script></head><body><center><table width=100% cellspacing=0 cellpadding=0><tr><td align=center valign=top class=texto><script language=javascript>tempo = 1000; dif = 1; iniciar(tempo,dif);function TempoExpirou(){alert('\n\nseu login expirou\n\n');}</script><form name=tempo id=tempo><input type=text name=tempor size=10 value=10 class=entrada></form></td></tr></table></center></body></html>

adalton · Dezembro 1, 2005

Sei que vão dizer que desenterrei o topico mas... rsAlguem saberia como criar um contador regressivo que exibissem em DIASFaltam x dias para o acontecimento...Agradeço muito desde ja...Abraços

<html><head><title>JavaScript - Contagem Regressiva</title><style type=text/css>.texto{font-family:verdana; font-size:12px; color:000000;}.entrada{font-family:verdana; font-size:12px; color:000000; background-color:05bbcc;}</style><script language=javascript>function iniciar(tempo,dif){window.setTimeout("mostra(tempo,dif)",tempo);}function mostra(tempo,dif){valor = document.tempo.tempor.value; document.tempo.tempor.value = (valor - dif); if(valor == 1){TempoExpirou();}else{iniciar(tempo,dif);}}</script></head><body><center><table width=100% cellspacing=0 cellpadding=0><tr><td align=center valign=top class=texto><script language=javascript>tempo = 1000; dif = 1; iniciar(tempo,dif);function TempoExpirou(){alert('\n\nseu login expirou\n\n');}</script><form name=tempo id=tempo><input type=text name=tempor size=10 value=10 class=entrada></form></td></tr></table></center></body></html>

Tarcisio Gambin · Março 10, 2009

Olá Pessoal!

...Desenterrando muito mais do q o adalton...

Achei esse script muito interessante para a função que estou buscando! Estou criando uma espécie de quiz e gostaria de implementá-lo em uma moldura de site (a principal vantagem desse script é que ele mantém de onde parou mesmo após o refresh). Porém ainda tenho uma dúvida... se eu quiser um "cronômetro" de 5 min, eu estarei utilizando 300 segundos, ok? Mas eu gostaria de mostrar para o usuário final não os 300s, e sim 00:05:00 .... Teria como fazer isto à partir deste código?

Segue abaixo o código copiado do hinom com algumas adaptções:

<html>
<head>

<style type=text/css>
.texto{font-family:verdana; font-size:12px; color:000000;}
.entrada{font-family:verdana; font-size:12px; color:000000}
</style>

<script language=javascript>
	function iniciar(tempo,dif)
		{window.setTimeout("mostra(tempo,dif)",tempo);}
	function mostra(tempo,dif)
		{valor = document.tempo.tempor.value; document.tempo.tempor.value = (valor - dif); 
			if(valor == 1){TempoExpirou();}
				else{iniciar(tempo,dif);}}
</script>

<script language=javascript>
	tempo = 1000; dif = 1; iniciar(tempo,dif);
	function TempoExpirou(){window.location = "http://www.nomedomeusite.com.br"}
</script>

</head>
<body>
<center>

<table width=100% cellspacing=0 cellpadding=0>
	<tr>
		<td align=center valign=top class=texto>
			<form name=tempo id=tempo>
				<input type=text readonly name=tempor size=10 value=300 class=entrada>
			</form>
		</td>
	</tr>
</table>

</center>
</body>
</html>

Desde já agradeço a atenção de todos!

correia97 · Março 10, 2009

Sei que vão dizer que desenterrei o topico mas... rs

Alguem saberia como criar um contador regressivo que exibissem em DIAS

Faltam x dias para o acontecimento...

Agradeço muito desde ja...

Abraços

<html><head><title>JavaScript - Contagem Regressiva</title>

<style type=text/css>

.texto{font-family:verdana; font-size:12px; color:000000;}

.entrada{font-family:verdana; font-size:12px; color:000000; background-color:05bbcc;}

</style>

<script language=javascript>

function iniciar(tempo,dif){window.setTimeout("mostra(tempo,dif)",tempo);}

function mostra(tempo,dif){valor = document.tempo.tempor.value; document.tempo.tempor.value = (valor - dif); if(valor == 1){TempoExpirou();}else{iniciar(tempo,dif);}}

</script>

</head>

<body><center>

<table width=100% cellspacing=0 cellpadding=0><tr><td align=center valign=top class=texto>

<script language=javascript>

tempo = 1000; dif = 1; iniciar(tempo,dif);

function TempoExpirou(){alert('\n\nseu login expirou\n\n');}

</script>

<form name=tempo id=tempo><input type=text name=tempor size=10 value=10 class=entrada></form>

</td></tr></table>

</center></body></html>

Contagem regressiva com meses,dias, e horas so não consegui fazer os valores de 1 a 9 ficar com 2 digitos

function contador(){
//data de hoje 
	var dataAtual = new Date();
	var ano = dataAtual.getFullYear();
	var dia = dataAtual.getDate();
	var mes = dataAtual.getMonth();
	var hora = dataAtual.getHours();
	var minuto = dataAtual.getMinutes();
	var segundos = dataAtual.getSeconds();
//data do eveneto	
	var diae = 30;
	var mese = 03;
	var anoe = 2009;
	var horae = 24;
	var minutoe = 59;
	var segundose = 59;
//calculo quanto tempo falta

//variavel vai conter a quantidade de dias que faltam para o evento
	var fdia = diae - dia;
//variavel vai conter a quantidade de meses que faltam para o evento
	var fmes = mese - mes - 1;
//variavel vai conter a quantidade de anos que faltam para o evento
	var fano = anoe - ano;
//variavel vai conter a quantidade de horas que faltam para o evento
	var fhora = horae - hora;
//variavel vai conter a quantidade de minutos que faltam para o evento
	var fminuto = minutoe - minuto;
//variavel vai conter a quantidade de minutos que faltam para o evento
	var fsegundos = segundose - segundos;
//caso o dia esteja com nº negativo passa para positivo

if(fdia<0){
	fdia= fdia*(-1)
}
//associa os valores com o texto na variavel


	var string = '';
	
	string += '<span class="meses"><p>meses</p>'+fmes+'</span>';
	
	string += '<span class="dias"><p>dias</p>'+fdia+'</span>';
	
	string += '<span class="horas"><p>horas</p>'+fhora+':</span>';
	
	string += '<span class="minutos"><p>minutos</p>'+fminuto+'</span>';
//enquanto o a data atual - a data do evento não chegar a zero ele atualiza o texto
	if(fdia+fmes+fano+fhora+fminuto > 0){
		//insere a variavel com o texto no html
		document.getElementById('cont').innerHTML = string;
		//atualiza de 1 em 1 segundo
			setTimeout(contador,1000);

	}
}

darta.lima · Setembro 22, 2009

Alguem poderia ma ajudar a criar um contador regressivo, tipo desses que se usa em leilões, ao clicar em um botão por exemplo ele faz o contadoor voltar aos 30 segundos.

Abs.

Entrar

Arquivado

Contagem regressiva

Recommended Posts

ricardo.frias 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kleber 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

hinom 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

adalton 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tarcisio Gambin 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

correia97 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

darta.lima 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante