Tema: reloj simple
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 31/10/2011, 09:22
Avatar de memoadian
memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: reloj simple

por cierto como ejercicio didactico hice esto para hacerlo con DOM pero se va creando el node Texto cada vez y solo se van acumulando horas, entiendo que es por que estoy creando y creando, pero no se como ir remplazando :)

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.             function ahora(){
  3.                 var nuevaFecha = new Date();
  4.                 var horas = nuevaFecha.getHours();
  5.                 var minutos = nuevaFecha.getMinutes();
  6.                 var segundos = nuevaFecha.getSeconds();
  7.                 if (horas <= 9) horas = "0" + horas;
  8.                 if (minutos <= 9) minutos = "0" + minutos;
  9.                 if (segundos <= 9) segundos = "0" + segundos;
  10.                 var tiempo = horas + " : " + minutos + " : " + segundos;
  11.                 texto = document.createTextNode(tiempo);
  12.                 document.getElementById("contenedor").appendChild(texto);
  13.             }
  14.            
  15.             setInterval('ahora()', 1000);
  16. </script>

con el innerHTML no hay mayor problema :)

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.             function ahora(){
  3.                 var nuevaFecha = new Date();
  4.                 var horas = nuevaFecha.getHours();
  5.                 var minutos = nuevaFecha.getMinutes();
  6.                 var segundos = nuevaFecha.getSeconds();
  7.                 if (horas <= 9) horas = "0" + horas;
  8.                 if (minutos <= 9) minutos = "0" + minutos;
  9.                 if (segundos <= 9) segundos = "0" + segundos;
  10.                 var tiempo = horas + " : " + minutos + " : " + segundos;
  11.                 document.getElementById("contenedor").innerHTML(tiempo);
  12.             }
  13.            
  14.             setInterval('ahora()', 1000);
  15. </script>