ElTicus.com

Programación, lenguajes y recursos para programadores

**
Recurso no clasificado
Como colocar un relojito en una página WEb y que se esté refrescando cada segundo.
Utilizando PHP y HTML.
Publicado por JL Fecha: 2006-12-09 01:20:00 Idioma: Español Tipo de documento: Código fuente

Untitled Document

Como colocar un relojito en una página WEb y que se esté refrescando cada segundo

Este truco puede además evitar la expiración de la session por inactividad

 

Se trata de poner un pequeño reloj tipo digital en una parte de la página y que dicho reloj esté mostrando como avanzan los minutos(o incluso los segundos).

El truco consiste en poner en alguna parte de la página, por ejemplo en la esquina superior derecha un IFRAME. Es decir, un FRAME Incrustado. dicho IFRAME, puede manipularse como si fuera una imagen, indicandole su alto y su ancho y si lo ponemos sobre un LAyer, podríamos tambien dejarlo "flotando" sobre la página.

Los IFRAME, y en general todos los FRAMES son páginas independientes en cuanto a su contenido, estilo y navegación, por lo que podemos indicarle por medio de una sentencia META que se refresque cada minuto o incluso cada segundo si quisieramos, aunque esto por razones obvias no es muy aconsejable a menos que se trate de una Intranet o que el ancho de banda no sea tan importante.

La línea que permite refrescar cada 60 segundos una página sería:

<META HTTP-EQUIV="Refresh" CONTENT="60" URL="reloj.php">

en esta línea se le está indicando que dentro de 60 segundos mande llamar la página de nombre reloj.php, y si además esta instrucción se encuentra dentro de reloj.php entonces se estaría llamando a si misma y ocasionaría que instantaneamente volviera a contar otros 60 segundos que es precisamente lo que se pretende.

el código dentro de reloj.php sería el siguiente:

<html>
<head>
<META
HTTP-EQUIV="Refresh" CONTENT="60" URL="reloj.php" />
</head>
<body>
<?php
  echo "<font face=verdana size=2><b>". date('H:i a') ."</b></font>";
?>
</body>
</html>

la instrucción date nos devuelve la fecha y/o hora actual y el formato 'H:i a' nos presenta la pura hora al estilo: '12:33 pm'.

Si probamos la página, veremos un simple relojito. Finalmente incrustamos el iframe con el siguiente código:

<iframe height="20" width="100" src="reloj.php"></iframe>

y veremos un resultado como el siguiente:

 

Todavía se le puede mejorar muchas cosas, por ejemplo, si en reloj.php le ponemos en el body que no tenga margenes, asi se verá mas estetico. tambien se le puede cambiar la fuente, colores, etc.

Puedes tambien poner el CONTENT igual a 1 para que actualice cada segundo y el date con el formato 'H:i:s a' para que muestre el segundero y en ese caso verás un reloj funcionando tal cual. Aunque te repito que esto generaría un trafico constante de cada segundo en tu servidor.

 

Juan Luis Campos Salcedo




Hay 2 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =

Comentarios de parte de los lectores: