Ir para conteúdo

Arquivado

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

Daniel S. Sabino

[Resolvido] Contador progressivo de tempo

Por , em Javascript

Recommended Posts

Daniel S. Sabino    0

Daniel S. Sabino
Postado

Falae galera.. beleza??

 

Peguei um código pronto na net de contador progressivo de tempo. Dei uma modificada nele para ficar mais dinâmico, pq preciso usar ele em uma mesma pagina, com inícios de tempos diferentes, por isso fiz as alterações..

Só que estou com um problema.. eu não estou conseguindo deixar a hora e os minutos com tamanho 2 quando é menhor que dez, ex quando tá 1 minuto aparese só 1 e não 01.

Mesmo passando os parâmetros com 2 posições aparece somente uma..

 

Script Original (encontrado na net)

<html>
<head>
<title>Contagem Regressiva</title>
<script language=JavaScript>
<!-- begin
var sHors = "0"+0; 
var sMins = "0"+0;
var sSecs = 5;
function getSecs(){
	sSecs++;
	if(sSecs==60){sSecs=0;sMins++;
    if(sMins<=9)sMins="0"+sMins;
    }
	if(sMins==60){sMins="0"+0;sHors++;
    if(sHors<=9)sHors="0"+sHors;
	}
	if(sSecs<=9)sSecs="0"+sSecs;
clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;
    setTimeout('getSecs()',1000);

	}
//-->
</SCRIPT>

</head>
<!-- Aqui começa o corpo da página -->
<body>

<h2 align="center"> <font color="#065ca5" face="tahoma">Contagem progressiva</font></h2>
<hr color="#065ca5">
<div align="center"> <FONT SIZE="2" COLOR="#065ca5" face="arial"> </font> <font color="#FF0000" size="2"> 
    </font>   Aguarde...<br><font color="#FF0000" size="3" face="Arial Black"><span id="clock1"></span><script>setTimeout('getSecs()',1000);</script></font><br>
  <br>
  <br></FONT></div>
</body>
</html>

 

Código Modificado

<html>
<head>
<title>Contagem Regressiva</title>
<script language=JavaScript>
<!-- begin
function getSecs(sHors, sMins, sSecs, campo){
	sSecs++;
	if(sSecs==60){sSecs=0;sMins++;
    if(sMins<=9)sMins="0"+sMins;
    }
	if(sMins==60){sMins="0"+0;sHors++;
    if(sHors<=9)sHors="0"+sHors;
	}
	if(sSecs<=9)sSecs="0"+sSecs;
     
	document.getElementById(campo).innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;

    setTimeout("getSecs("+sHors+", "+sMins+","+sSecs+", '" +campo+ "')",1000);
	

	}
//-->
</SCRIPT>

</head>
<!-- Aqui começa o corpo da página -->
<body>

<h2 align="center"> <font color="#065ca5" face="tahoma">Contagem progressiva</font></h2>
<hr color="#065ca5">
<div align="center"> <FONT SIZE="2" COLOR="#065ca5" face="arial"> </font> <font color="#FF0000" size="2"> 
    </font>   Aguarde...<br><font color="#FF0000" size="3" face="Arial Black"><span id="clock1"></span><script>setTimeout("getSecs(0,0,-1, \"clock1\")",1000);</script></font><br>
  <br>
  <br></FONT></div>
</body>
</html>

Valeww..

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel S. Sabino    0

Daniel S. Sabino
Postado

Achei a solução... hehehe

 

foi só adicionar o código no começo da função..

function getSecs(sHors, sMins, sSecs, campo){
	sSecs++;
	
        /*bloco adicionado*/
	sMins = "0"+sMins;
	sHors = "0"+sHors;
        /******************/
 
	if(sSecs==60){sSecs=0;sMins++;
    if(sMins<=9)sMins="0"+sMins;
    }
	if(sMins==60){sMins="0"+0;sHors++;
    if(sHors<=9)sHors="0"+sHors;
	}
	if(sSecs<=9)sSecs="0"+sSecs;
     
	document.getElementById(campo).innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;

    setTimeout("getSecs("+sHors+", "+sMins+","+sSecs+", '" +campo+ "')",1000);
	

	}

Valeu a atenção.. ;]

Compartilhar este post

Link para o post
Compartilhar em outros sites

ledimberio    0

ledimberio
Postado

Fiz o teste do código acima e não funciona direito.

 

Segue uma modificação

function getSecs(sHors, sMins, sSecs, campo) {
    sSecs++;


    if (sSecs === 60) {
        sSecs = 0;
        sMins++;
    }
    if (sMins === 60) {
        sMins = 0;
        sHors++;
    }
    if (sSecs <= 9) {
        sSecs = "0" + sSecs;
    }
    if (sMins <= 9) {
        sMins = "0" + sMins;
    }
    if (sHors <= 9) {
        sHors = "0" + sHors;
    }
    document.getElementById(campo).innerHTML = "<font color=#fff size=4px><b> " + sHors + ":" + sMins + ":" + sSecs + "</b></font>";


    setTimeout("getSecs(" + sHors + ", " + sMins + "," + sSecs + ", '" + campo + "')", 1000);


}

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