Cómo insertar un reloj en nuestra web

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.

¡Más inventos!

¡Muchas gracias!

Something went wrong.

2 REGALOS + CUPÓN DTO ¡Únete a nuestra lista!

¡Únete a nuestra Newsletter y recibe GRATIS nuestras distribuciones Media Center y Consola Retro para Rasberry Pi junto con un cupón DTO de bienvenida en toda la tienda!

Informática

3 Comentarios

A inventar!

Send this to a friend