Ir para conteúdo

POWERED BY:

Arquivado

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

everton0694

Contagem Regressiva..

Por , em Javascript

Recommended Posts

everton0694    0

everton0694
Postado

Boa Tarde galera..

To precisando de uma contagem regressiva

pesquisando no forum encontrei esse script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Contagem Regressiva</title>
</head>
<script>
var i = 15; // segundos
function contagemRegressiva(){
if(i == 0){
	document.getElementById('cronometro').innerHTML = 'O tempo acabou!!';
}else{
	i--;
	document.getElementById('cronometro').innerHTML = i + ' segundos';
}
}
setInterval("contagemRegressiva()", 1000);
</script>
<body>
<div id="cronometro">15 segundos</div>
</body>
</html>

Bom eu tenho 2 duvidas..

1º Dúvida:

Como eu faço para quando eu der F5(REFRESH) na página o tempo que parou quando eu dei F5 continuasse depois que a página carregou.

Ex:

o tempo da contagem está em 5 segundos.

eu dei F5.

a página carregou e os 5 segundos está lá.

 

2º Duvida:

Como eu faço pra se eu almentar o tempo da variavel i por exemplo pra 90 segundos acrescentasse minutos.

Ex:

Eu coloquei 120 segundos no tempo da contagem.

Automaticamente acrescentou minutos aos segundos.

Ficando 1:30 segundos.

 

Acho que ficou claro, qualquer dúvida só perguntar..

Vlw..

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

a primeira duvida, você terá que trabalhar com COOKIES

 

a segunda, 120 são 2 minutos

90 segundos são 1:30

 

ai nesse caso, você pode usar a class Date() nativa da linguagem, ou fazer o teu proprio parser, que identifique a base 60

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tá.. se você quer impedir que ele burle, então você terá que disparar uma requisição ajax, que vá no servidor, e crie lá, uma SESSION ou grave no banco de dados.

 

cara... 90 segundos... divide por 60.. o resto são 30 segundos certo ?

cada parte inteira do resultado dessa divisão, corresponde a 1 minuto, oque sobrar são segundos..

 

pega 147 segundos

divide por 60

tem 2 partes inteiras + 27

 

então 2 minutos e 27 segundos

 

com essa matematica, é possível você fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

everton0694    0

everton0694
Postado

pesquisando aqui encontrei:

<script>
        var segs2 = 15;
        var ts2 = segs2*10;
	segs2 = parseInt(ts2 / 10);
	segs2 = segs2 % 3600;
	minutes2 = parseInt(segs2 / 60);
	segs2 = segs2 % 60;
</script>

esse aqui é interessante:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<script type="text/javascript">
var tempo = 90;
function aguarda() {
if (tempo > 0) {
	var el = document.getElementById("inicio");
		if( el ){
			secondscamp = parseInt(tempo / 1);
			hours2 = parseInt(secondscamp / 3600);
			secondscamp = secondscamp % 3600;
			minutes2 = parseInt(secondscamp / 60);
			secondscamp = secondscamp % 60;
			el.innerHTML = "Tempo: " + minutes2 + ":" + secondscamp + "</div>"
		}
		tempo = tempo - 1
		setTimeout("aguarda()", 1000);
		}else{
	}
}
aguarda();
</script>
<body>
	<div id="inicio">Tempo: 1:30</div>
</body>
</html>

so falta arrumar o REFRESH

 

sei que não pode dar um UP no tópico mas...

tentei arrumar com o pouco conhecimento que tenho(quase nada)

mais ainda não consegui :(

 

por favor me ajudem a arrumar esse erro

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito