ElTicus.com

Programación, lenguajes y recursos para programadores

Código fuente
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:

1. Comentario de hkh el 2015-04-20 16:11:56
noho

2. Comentario de hkh el 2015-04-20 16:11:56
noho


Artículos relacionados:
Recurso no clasificado Check de diseño código fuente Como ponerle un contador de visitas a tu sitio en menos de 5 minutos. Recurso no clasificado Como imprimir la fecha en español utilizando PHP aunque el idioma del servidor sea el inglés. Código fuente Como construir una gráfica de barras con CSS y PHP Tip Como mandar parámetros a una aplicación de Flash en Internet Explorer y Mozilla
Código fuente Como dibujar un calendario en una página Web Truco Como generar un archivo XLS desde PHP Tip Como escalar una imagen utilizando PHP y las funciones de la librería GD Tip Como corregir la fecha de mi servidor si éste se encuentra en un uso horario diferente al mio Recurso no clasificado Huevos de Pascua (Easter Egg)
Código fuente Para imprimir la fecha en español utilizando PHP independientemente del lenguaje del servidor (Utilizando ARRAYS) Truco Como generar un archivo .DOC de WORD desde PHP Truco Como generar un archivo .DOC/.RTF de WORD desde PHP (Incluyendo tablas) Código fuente Como cambiar el tamaño de una imagen JPG sin que esta se deforme. Truco Ejemplo práctico de las funciones de expresiones regulares: Como identificar una dirección email dentro de un archivo de texto
Código fuente Programa en PHP que convierte una cantidad dada como un número a su equivalente en letra Código fuente Como convertir una fecha de Lenguaje Natural a tipo DATE código fuente Las tablas de multiplicar en PHP Truco Como alternar colores en una tabla fácilmente código fuente Generar una tabla HTML desde una Base de Datos MYSQL
Recurso no clasificado Aprendiendo MySQL con PHP