reloj a partir de una hora en variable

AitorLopez · #1 (**permalink**) 14/06/2010, 05:53

Hola amigos.

Tengo la idea de poner una especie de cronometro que empeice a partir de que se empiece una sesion en la web, y que el usuario pueda ver en cada momento el tiempo que lleva visitando la red, segundo a segundo.

Vamos, como poner un reloj, pero en plan cronometro.

Sabeis donde puedo encontrar un codigo parecido.

Gracias. Un saludo.

Adler · #2 (**permalink**) 14/06/2010, 13:45

Hola

Prueba con esto

Código Javascript:

Ver original<html>
<head>
<style type="text/css">
#calContador {width:300px;}
#calFondoEnunciado {background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:12px;border: 1px solid #C9C9C9;border-width: 1px 1px 0px 1px;text-align:center;}
#calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
#calCuerpo td.cont{background-color:#FFFF00;color:#000000;}
</style>
 
<script type="text/javascript">
function crono(){
var dia = 14, mes = 5, anio = 2010, hora = 21, minutos = 36, segundos = 0 //aquí es donde has de establecer la fecha final. Recuerda que enero es el mes 0, así el 5 es junio.
var fechaFinal = new Date(anio,mes,dia,hora,minutos,segundos)
 
var hoy = new Date()
diferencia =  hoy.getTime() - fechaFinal.getTime();
 
horas = diferencia/1000/60/60;
horasTotales = parseInt(horas)
 
minutosFaltan = horas - parseInt(horasTotales)
minutosFaltan2 = minutosFaltan*1000*60*60
minutosFaltan2 = minutosFaltan2/1000/60
minutosTotales = parseInt(minutosFaltan2)
 
segundosFaltan = minutosFaltan2 - parseInt(minutosFaltan2)
segundosFaltan2 = segundosFaltan*1000*60
segundosTotales = parseInt(segundosFaltan2/1000)
 
falta = "<div id='calContador'><div id='calCuerpo'><table style='table-layout:fixed;' bgcolor=' #C9C9C9' border='0px' cellspacing='1px' cellspadding='0px' width='300px'><tr>";
 
if(horasTotales < 10) {horasTotales = "0" + horasTotales;}
if(minutosTotales < 10) {minutosTotales = "0" + minutosTotales;}
if(segundosTotales < 10) {segundosTotales = "0" + segundosTotales;}
 
horasTxt = "<td>Horas</td><td class='cont'>" + horasTotales + "</td>";
minutosTxt = "<td>Minutos</td><td class='cont'>" + minutosTotales + "</td>";
segundosTxt = "<td>Segundos</td><td class='cont'>" + segundosTotales + "</td></tr></table></div></div>";
 
if (Math.abs(diferencia) <= 900) {
contadorCompleto = falta + "<td class='cont'>Se ha cumplido el tiempo</td></tr></table></div></div>";
clearInterval(crono);
}
else
{
contadorCompleto = falta + horasTxt + minutosTxt + segundosTxt
setInterval("crono(),1000")
}
document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
}
 
window.onload=crono;
</script>
</head>
<body>
<div id="contador_regresivo" style="text-align:center"></div>
</body>
</html>

Suerte

AitorLopez · #3 (**permalink**) 14/06/2010, 15:29

Hola. Eso va perfecto. Muchas gracias.