Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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><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>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><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
Carregando comentários...