3

Cómo insertar un reloj en nuestra web

Publicado por el .

La hora es muy importante en el mundo de Internet, sobre todo en lo referente a servidores de cualquier tipo. Por ejemplo existen juegos online en los que algunos sucesos dependen de la hora del servidor. Hoy os enseñaremos a insertar un práctico reloj en vuestra web que muestre la hora del servidor.

Reloj javascript

El reloj está programado en javascript y funciona capturando las horas, los minutos y los segundos cada segundo en una variable cada uno. Así solo se tienen que mostrar las variables ordenadas posteriormente para conseguir el efecto de un reloj.

<html>

<head>

<title>Reloj web que muestra hora de servidor</title>

<script language=”JavaScript”>

function mueveReloj(){

momentoActual = new Date()

hora = momentoActual.getHours()        //Captura la hora en la variable “hora”.

minuto = momentoActual.getMinutes()                             //Captura los minutos en la variable “minuto”.

segundo = momentoActual.getSeconds()          //Captura los segundos en la variable “segundo”.

if (segundo < 10) {          //Si la hora es menos que 10 le añade un 0 delante.

segundo = “0” + segundo;

}

if (minuto < 10) {             //Si los minutos son menos que 10 les añade un 0 delante.

minuto = “0” + minuto;

}

if (hora < 10) {                   //Si los segundos son menos que 10 les añade un 0 delante.

hora = “0” + hora;

}

horaImprimible = hora + ” : ” + minuto + ” : ” + segundo                              //Ordena la hora y la muestra de la siguiente forma: 00:00:00.

document.form_reloj.reloj.value = horaImprimible      //Muestra el reloj por pantalla.

setTimeout(“mueveReloj()”,1000)         //Cambia el valor del reloj cada segundo.

}

</script>

</head>

<body>

<form>

<input name=”reloj” size=”8″>

</form>

</body>

</html>

Como veis el script es bastante sencillo y puede sernos muy útil. Para utilizarlo solo debemos guardarlo en un archivo hora.php y llamarlo a través del siguiente código en PHP:

<?php include(‘hora.php’); ?>

El resultado final será el siguiente:

Resultado final del reloj web

Recordad que podéis consultar cualquier duda que tengáis a través del foro y os la resolveremos sin ningún problema.


3 comentarios

  1.   David Gonzalez dijo

    Solo quería decir que no muestra la hora del servidor, sino la del cliente ya que el código javascript es ejecutado por nuestros navegadores, para que muestre la hora del servidor habría que usar alguna función de php relacionada con el tiempo que aun desconozco.

  2.   DoctorPC dijo

    Es sencillo con este tutorial

  3.   Papito dijo

    oye yo lo copio en un archivo asi como tu deces y no imprimeme nada…

A inventar!