Contador de segundos y minutos

#1 (**permalink**) 09/06/2012, 14:34

Resulta que estoy realizando un pequeño contador para mi web, que muestre el tiempo que lleva el usuario conectado, y es estilo reloj digital (09:05).
Por eso me gusta conservar el 0 delante de la marca de segundos y minutos cuando la cantidad no es superior a 9...
Este es el script actual, y el principal problema que tengo es que por alguna extraña razón, al llegar a marcar 08, se reinicia y vuelve a 00...

¿Una ayudita?

Código:

<html>
<head>
<title>Contador</title>
<script type="text/javascript">
function arrancarcontador() {
var segundos = document.getElementById('contador2');
var minutos = document.getElementById('contador1');
if (segundos.innerHTML < '09') {
segundos.innerHTML = '0'+(parseInt(segundos.innerHTML)+parseInt('1'));
setTimeout('arrancarcontador()', 1000);
}
else if (segundos.innerHTML == '59') {
minutos.innerHTML = parseInt(minutos.innerHTML)+parseInt('1');
segundos.innerHTML = '00';
}
else {
segundos.innerHTML = parseInt(segundos.innerHTML)+parseInt('1');
setTimeout('arrancarcontador()', 1000);
}
}
</script>
</head>
<body onload="arrancarcontador()">
<center><div id="contador" class="contador">
0<span id="contador1" class="contador1">0</span>
:
<span id="contador2" class="contador2">00</span>
</div></center>
</body>
</html>

furoya · #2 (**permalink**) 09/06/2012, 16:19

Creo que tiene que ver con esto

tomar arreglos html con indices de cadenas

Duda numérica en Javascript

Tienes demasiados parseInt().

#3 (**permalink**) 09/06/2012, 17:35

He conseguido arreglarlo, exactamente ese era el problema, ya que parseInt transforma valores a diversas bases y hace un lios muy raros, el caso es que cambié los parseInt de las variables por ParseFloat y listo(;

Código HTML:

<html>
<head>
<title>Contador</title>
<script type="text/javascript">
function arrancarcontador() {
var segundos = document.getElementById('contador2');
var minutos = document.getElementById('contador1');
if (segundos.innerHTML < '09') {
valor = parseFloat(segundos.innerHTML)+parseInt('1');
segundos.innerHTML = '0'+valor;
setTimeout('arrancarcontador()', 1000);
}
else if (segundos.innerHTML == '59') {
minutos.innerHTML = parseInt(minutos.innerHTML)+parseInt('1');
segundos.innerHTML = '00';
setTimeout('arrancarcontador()', 1000);
}
else if (segundos.innerHTML >= '09'){
valor2 = parseFloat(segundos.innerHTML)+parseInt('1');
segundos.innerHTML = valor2;
setTimeout('arrancarcontador()', 1000);
}
}
</script>
</head>
<body onload="arrancarcontador()">
<center><div id="contador" class="contador">
0<span id="contador1" class="contador1">0</span>
:
<span id="contador2" class="contador2">0</span>
</div></center>
</body>
</html>