Foros del Web » Programando para Internet » Javascript »

reloj a partir de una hora en variable

Estas en el tema de reloj a partir de una hora en variable en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/06/2010, 06:53
 
Fecha de Ingreso: mayo-2009
Mensajes: 735
Antigüedad: 10 años, 6 meses
Puntos: 6
reloj a partir de una hora en variable

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.
  #2 (permalink)  
Antiguo 14/06/2010, 14:45
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 13 años
Puntos: 126
Respuesta: reloj a partir de una hora en variable

Hola

Prueba con esto

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #calContador {width:300px;}
  5. #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;}
  6. #calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
  7. #calCuerpo td.cont{background-color:#FFFF00;color:#000000;}
  8. </style>
  9.  
  10. <script type="text/javascript">
  11. function crono(){
  12. 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.
  13. var fechaFinal = new Date(anio,mes,dia,hora,minutos,segundos)
  14.  
  15. var hoy = new Date()
  16. diferencia =  hoy.getTime() - fechaFinal.getTime();
  17.  
  18. horas = diferencia/1000/60/60;
  19. horasTotales = parseInt(horas)
  20.  
  21. minutosFaltan = horas - parseInt(horasTotales)
  22. minutosFaltan2 = minutosFaltan*1000*60*60
  23. minutosFaltan2 = minutosFaltan2/1000/60
  24. minutosTotales = parseInt(minutosFaltan2)
  25.  
  26. segundosFaltan = minutosFaltan2 - parseInt(minutosFaltan2)
  27. segundosFaltan2 = segundosFaltan*1000*60
  28. segundosTotales = parseInt(segundosFaltan2/1000)
  29.  
  30. falta = "<div id='calContador'><div id='calCuerpo'><table style='table-layout:fixed;' bgcolor=' #C9C9C9' border='0px' cellspacing='1px' cellspadding='0px' width='300px'><tr>";
  31.  
  32. if(horasTotales < 10) {horasTotales = "0" + horasTotales;}
  33. if(minutosTotales < 10) {minutosTotales = "0" + minutosTotales;}
  34. if(segundosTotales < 10) {segundosTotales = "0" + segundosTotales;}
  35.  
  36. horasTxt = "<td>Horas</td><td class='cont'>" + horasTotales + "</td>";
  37. minutosTxt = "<td>Minutos</td><td class='cont'>" + minutosTotales + "</td>";
  38. segundosTxt = "<td>Segundos</td><td class='cont'>" + segundosTotales + "</td></tr></table></div></div>";
  39.  
  40. if (Math.abs(diferencia) <= 900) {
  41. contadorCompleto = falta + "<td class='cont'>Se ha cumplido el tiempo</td></tr></table></div></div>";
  42. clearInterval(crono);
  43. }
  44. else
  45. {
  46. contadorCompleto = falta + horasTxt + minutosTxt + segundosTxt
  47. setInterval("crono(),1000")
  48. }
  49. document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
  50. }
  51.  
  52. window.onload=crono;
  53. </script>
  54. </head>
  55. <body>
  56. <div id="contador_regresivo" style="text-align:center"></div>
  57. </body>
  58. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 14/06/2010, 16:29
 
Fecha de Ingreso: mayo-2009
Mensajes: 735
Antigüedad: 10 años, 6 meses
Puntos: 6
Respuesta: reloj a partir de una hora en variable

Hola. Eso va perfecto. Muchas gracias.

Etiquetas: partir, reloj, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:55.