flaviovmr
Usuario habitual
Usuario habitual

Que tal amigos de mi@, tengo una duda, y quisiera que alguno de ustedes me la pudiera responder.

Quiero poner un reloj dijital en mi pagina web, uno que me muestre con esta sintáxis: 1:04:26 PM.

Bueno, el problema no es solo de ponerlo, pues eso si lo se hacer. Pero lo que no se es como hacer para que este reloj se actualice cada segundo que pasa, osea que vaya mostrando segundo a segundo.

Espero me lo puedan resolver, y les agradezco bastante sus respuestas.

Avatar Image
@man / @woman
@man / @woman

En PHP no puedes hacerlo, tendrás que hacerlo en Javascript.

flaviovmr
Usuario habitual
Usuario habitual

Ok, muchas gracias. Y como puedo hacerlo para que este reloj, con js aparesca como un texto cualquiera y no como un cuadro de texto, pues yo puedo hacerlo así. No se si me explique bien, pero espero que me entiendas. Bueno, trataré de explicarme un poquito mas.

La forma que yo puedo hacer el reloj en js, es de la siguiente forma:

Código:
<html>
<head>
<title>Reloj con Javascript</title>
<script language="JavaScript">
function mueveReloj(){
    momentoActual = new Date()
    hora = momentoActual.getHours()
    minuto = momentoActual.getMinutes()
    segundo = momentoActual.getSeconds()

    horaImprimible = hora + " : " + minuto + " : " + segundo

    document.form_reloj.reloj.value = horaImprimible

    setTimeout("mueveReloj()",1000)
}
</script>
</head>

<body onload="mueveReloj()">

Vemos aquí el reloj funcionando...

<form name="form_reloj">
<input type="text" name="reloj" size="10">
</form>

</body>
</html>

Bueno, como sabran en el cuadro de texto "reloj", aparecerá y se actualizará el reloj segundo a segundo.

Pero me gustaría que apareciera el reloj fuera del cuadro de texto. así como escribirlo de esta forma: 7:28:26 PM.

Bueno, espero haberme explicado bien, y que me puedan ayudar. De antemano muchas gracias.

Avatar Image
@man / @woman
@man / @woman

En el script cambia esto:

document.form_reloj.reloj.value = horaImprimible;

por esto:

var r=document.getElementById('reloj');
r.innerHTML=horaImprimible;

En el body cambia esto:

<form name="form_reloj">
<input type="text" name="reloj" size="10">
</form>

por esto:

<p id="reloj"></p>

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares