Sobre FAQ

gianlucc · #1 (**permalink**) 25/07/2004, 08:16

Cita:

Iniciado por chivi

P: ¿Cómo puedo mostrar la Fecha y la Hora actual?

R:

Código PHP:

  <html> 

<head> 

<script language="JavaScript">

/*

Fecha y Hora By Chivi

Nombre: Mario Plaza

Web: [url]www.programadorweb.com[/url]

*/

 
/* Coeminza el script del Reloj */

 
function actualizaReloj(){ 

 
/* Capturamos la Hora, los minutos y los segundos */

marcacion = new Date() 

 
/* Capturamos la Hora */

Hora = marcacion.getHours() 

 
/* Capturamos los Minutos */

Minutos = marcacion.getMinutes() 

 
/* Capturamos los Segundos */

Segundos = marcacion.getSeconds() 

 
/* Si la Hora, los Minutos o los Segundos

Son Menores o igual a 9, le añadimos un 0 */

 
if (Hora<=9)

Hora = "0" + Hora

 
if (Minutos<=9)

Minutos = "0" + Minutos

 
if (Segundos<=9)

Segundos = "0" + Segundos

 
/* Termina el Script del Reloj */

 
 
/* Coemienza eñ Script de la Fecha */

 
var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo");

var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");

var Hoy = new Date();

var Anio = Hoy.getFullYear();

var Fecha = "Hoy es " + Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + ", a las ";

 
/* Termina el script de la Fecha */

 
 
/* Creamos 4 variables para darle formato a nuestro Script */

var Inicio, Script, Final, Total

 
/*En Inicio le indicamos un color de fuente  y un tamaño */

Inicio = "<font size=3 color=red>"

 
/* En Reloj le indicamos la Hora, los Minutos y los Segundos */

Script = Fecha + Hora + ":" + Minutos + ":" + Segundos

 
/* En final cerramos el tag de la fuente */

Final = "</font>"

 
/* En total Finalizamos el Reloj uniendo las variables */

Total = Inicio + Script + Final

 
/* Capturamos una celda para mostrar el Reloj */

document.getElementById('Fecha_Reloj').innerHTML = Total

 
/* Indicamos que nos refresque el Reloj cada 1 segundo */

setTimeout("actualizaReloj()",1000) 

}

</script>

 
<body onload="actualizaReloj()">

Aquí mostramos la Fecha y la hora:

<table border=0 cellpadding=0 cellspacing=0>

<tr>

<td id="Fecha_Reloj"></td>

</tr>

</table>

</body>

</html>

Necesito saber como cambiar la posicion de la fecha en la pagina (quiero ponerla a la derecha) y ademas como puedo hacer para que la hora quede en el renglon de abajo y no al lado de la fecha.

POR EJEMPLO:

Domingo 25 de julio de 2004
11:14 PM

Y si se puede, cambiar la fuente.

Gracias.

atlante · #2 (**permalink**) 25/07/2004, 18:01

bueno veamos en lo que respecta a la posiscion , puedes cambiar el codigo :

/* Capturamos una celda para mostrar el Reloj */
document.getElementById('Fecha_Reloj').innerHTML = Total

por :

document.mycapa.innerHTML = Total;

donde mycapa en una capa que puedes posicionar en cualquier lugar que desees usanso las css,

y lo de el formato , todo es cosa de cambiar :

/*En Inicio le indicamos un color de fuente y un tamaño */
Inicio = "<font size=3 color=red>"

por :

Inicio = "<font size=2 color=blue>"; usando esta linea como el html comun

lo de poner la hora debajo de la fecha seria reemplazando esto :

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */
Script = Fecha + Hora + ":" + Minutos + ":" + Segundos

por esto :

Script = Fecha +"\n"+ Hora + ":" + Minutos + ":" + Segundos ;

eso es todo...............

gianlucc · #3 (**permalink**) 26/07/2004, 08:29

Cita:

Iniciado por atlante

bueno veamos en lo que respecta a la posiscion , puedes cambiar el codigo :

/* Capturamos una celda para mostrar el Reloj */
document.getElementById('Fecha_Reloj').innerHTML = Total

por :

document.mycapa.innerHTML = Total;

donde mycapa en una capa que puedes posicionar en cualquier lugar que desees usanso las css,

Esto no lo entendi

Cita:

Iniciado por atlante

lo de poner la hora debajo de la fecha seria reemplazando esto :

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */
Script = Fecha + Hora + ":" + Minutos + ":" + Segundos

por esto :

Script = Fecha +"\n"+ Hora + ":" + Minutos + ":" + Segundos ;

Esto no cambio nada la hora sigue apareciendo al lado de la fecha no debajo.

Gracias

atlante · #4 (**permalink**) 01/08/2004, 18:54

bueno aqui te va el codigo modificado , para que no haya duda.

Código HTML:

<html><head>
<script language="JavaScript"> 
/* 
Fecha y Hora By Chivi 
Nombre: Mario Plaza 
Web: [url]www.programadorweb.com[/url] 
*/ 

/* Coeminza el script del Reloj */ 

function actualizaReloj(){ 

/* Capturamos la Hora, los minutos y los segundos */ 
marcacion = new Date() 

/* Capturamos la Hora */ 
Hora = marcacion.getHours() 

/* Capturamos los Minutos */ 
Minutos = marcacion.getMinutes() 

/* Capturamos los Segundos */ 
Segundos = marcacion.getSeconds() 

/* Si la Hora, los Minutos o los Segundos 
Son Menores o igual a 9, le aÃ±adimos un 0 */ 

if (Hora<=9) 
Hora = "0" + Hora 

if (Minutos<=9) 
Minutos = "0" + Minutos 

if (Segundos<=9) 
Segundos = "0" + Segundos 

/* Termina el Script del Reloj */ 


/* Coemienza eÃ± Script de la Fecha */ 

var Dia = new Array("Domingo", "Lunes", "Martes", "MiÃ©rcoles", "Jueves", "Viernes", "SÃ¡bado", "Domingo"); 
var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); 
var Hoy = new Date(); 
var Anio = Hoy.getFullYear(); 
var Fecha = "Hoy es " + Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " de " + Anio + ", a las "; 

/* Termina el script de la Fecha */ 


/* Creamos 4 variables para darle formato a nuestro Script */ 
var Inicio, Script, Final, Total 

/*En Inicio le indicamos un color de fuente  y un tamaÃ±o */ 
Inicio = "<font size=2 color=666699 face=verdana>" 

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */ 
Script = Fecha +"<br>"+ Hora + ":" + Minutos + ":" + Segundos 

/* En final cerramos el tag de la fuente */ 
Final = "</font>" 

/* En total Finalizamos el Reloj uniendo las variables */ 
Total = Inicio + Script + Final 

/* Capturamos una celda para mostrar el Reloj */ 
document.getElementById('Fecha_Reloj').innerHTML = Total 

/* Indicamos que nos refresque el Reloj cada 1 segundo */ 
setTimeout("actualizaReloj()",1000) 
} 
</script>

<meta content="MSHTML 6.00.2800.1400" name="GENERATOR"></head>
<body onload="actualizaReloj()">Aqui mostramos la Fecha y la hora:
<div id="Fecha_Reloj" style="position:absolute;top=10px;left=450px;"> </body></html>