Agregar Fecha y Hora

ztikma · #1 (**permalink**) 20/08/2007, 15:34

Hola,

Sé que Adobe GoLive tiene esta opción que se agrega facilmente, pero como no lo uso estoy frito... jeje.
Necesito poner la fecha y la hora que marca el ordenador en el top de la web.
Encontré un javascript en este mismo foro, pero a veces se caía y otras funcionaba bien. de hecho el cliente veía mal la fecha y hora y yo bien, al mismo tiempo.
Si alguien tiene un código por allí que lo suete, por favor.

Gracias de antemano.

hgp147 · #2 (**permalink**) 20/08/2007, 15:46

Hola ztikma, te dejo este código

Código HTML:

<html>
<head>

<script language="javascript">
<!-- 

function muestraReloj()
{
// Compruebo si se puede ejecutar el script en el navegador del usuario
if (!document.layers && !document.all && !document.getElementById) return;
// Obtengo la hora actual y la divido en sus partes
var fechacompleta = new Date();
var horas = fechacompleta.getHours();
var minutos = fechacompleta.getMinutes();
var segundos = fechacompleta.getSeconds();
var mt = "AM";
// Pongo el formato 12 horas
if (horas > 12) {
mt = "PM";
horas = horas - 12;
}
if (horas == 0) horas = 12;
// Pongo minutos y segundos con dos dígitos
if (minutos <= 9) minutos = "0" + minutos;
if (segundos <= 9) segundos = "0" + segundos;
// En la variable 'cadenareloj' puedes cambiar los colores y el tipo de fuente
cadenareloj = "<font size='1' face='arial'>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</font>";
// Escribo el reloj de una manera u otra, según el navegador del usuario
if (document.layers) {
document.layers.spanreloj.document.write(cadenareloj);
document.layers.spanreloj.document.close();
}
else if (document.all) spanreloj.innerHTML = cadenareloj;
else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;
// Ejecuto la función con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
}

// Fin del script -->
</script>


<script language="javascript">

// Array de los meses
var monthNames = new makeArray(12);
monthNames[0] = "Enero";
monthNames[1] = "Febrero";
monthNames[2] = "Marzo";
monthNames[3] = "Abril";
monthNames[4] = "Mayo";
monthNames[5] = "Junio";
monthNames[6] = "Julio";
monthNames[7] = "Agosto";
monthNames[8] = "Septiembre";
monthNames[9] = "Octubre";
monthNames[10] = "Noviembre";
monthNames[11] = "Diciembre";

// Array de los días

var dayNames = new makeArray(7);
dayNames[0] = "Domingo";
dayNames[1] = "Lunes";
dayNames[2] = "Martes";
dayNames[3] = "Mi&eacute;rcoles";
dayNames[4] = "Jueves";
dayNames[5] = "Viernes";
dayNames[6] = "S&aacute;bado";

var now = new Date();
var year = now.getYear();

if (year < 2000) year = year + 1900;

function makeArray(len)
{
for (var i = 0; i < len; i++) this[i] = null;
this.length = len;
}

</SCRIPT>

</head>

<body onLoad="muestraReloj()">

<span id="spanreloj"></span>

<div id="fecha">
<script language="JavaScript">
<!--
document.write( dayNames[now.getDay()] + " " + now.getDate() + " de " + monthNames[now.getMonth()] + " " +" de " + year);
// -->
</script>
</div>

</body>
</html>

ztikma · #3 (**permalink**) 20/08/2007, 16:08

Buenísimo, me funcionó muy bien.
voy a rezar para que no pase lo de la vez anterior.

Saludos

emprear · #4 (**permalink**) 20/08/2007, 17:15

Hay decenas de scripts para esto que pides, y unas cuantas variantes según el formato de fecha y hora que requieras, te doy algunos. Todos compatibles con IE7, Firefox2, Opera9. Entodos los casos utilizan la hora del cliente, demás está decir que cualquier error en la hora del mismo, se verá reflejado en la página.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fecha y Hora con Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="copyright" content="&copy; 2006, Guillermo Gianello" />
<style type="text/css">
span.fecha {
font-weight: bold;
font-size: 12pt;
font-family: arial,verdana,serif;
}
span.hora {
color: #FFFFFF;
background-color: #515151;
border: inset #FFFFFF 2px;
font-size: 12px;
font-family: arial,verdana,serif;
display: block;
line-height: 22px;
width: 40px;
text-align: center;
height: 22px;
vertical-align: middle;
}
</style>
</head>
<body onload="mostrar_reloj();">
<p>
En cualquiera de los ejemplos se puede dar formato aplicando CSS.
</p>
<!-- Copiar dentro del tag BODY o llamar desde un js externo -->
<script type="text/javaScript">
<!--
var mifecha=new Date()
var year=mifecha.getYear()
if (year < 1000)
year+=1900
var dia=mifecha.getDay()
var mes=mifecha.getMonth()
var diames=mifecha.getDate()
if (diames<10)
diames="0"+diames
var arraydia=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var mesarray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write("<span class='fecha'>"+arraydia[dia]+" "+diames+" de "+mesarray[mes]+" de "+year+"</span>")
//-->
</script>

<hr />
<!-- Copiar dentro del tag BODY o llamar desde un js externo -->
<script type="text/javascript">
<!--
	var mifecha=new Date();
	var year=mifecha.getYear();
	if (year < 1000)
		year+=1900;
	var dia=mifecha.getDay();
	var mes=mifecha.getMonth()+1;
	if (mes<10)
		mes="0"+mes;
	var diames=mifecha.getDate();
	if (diames<10)
		diames="0"+diames;
	document.write("<span class='fecha'>"+diames+"/"+mes+"/"+year+"</span>")
//-->
</script>
<hr />

<p>El reloj dinámico requiere que la función mostrar_reloj(); se cargue a través del evento onload en el BODY</p>
<span class="hora">
<!-- Copiar dentro del tag BODY o llamar desde un js externo -->
<script type="text/javascript">
<!--
var viejo = "";
if (document.all||document.getElementById){
document.write('<span id="Reloj_actualIE"></span>');
}else if (document.layers){
document.write('<ilayer id="Coord_NS"><layer id="Reloj_actualNS"></layer></ilayer>');
}else {
viejo = "true";
mostrar_reloj();
}

function mostrar_reloj(){
// Fix para NS4
if (document.layers)
document.Coord_NS.visibility="show"
if (viejo == "die"){
return;
}
var RelojDigital = new Date();
var horas = RelojDigital.getHours();
var minutos = RelojDigital.getMinutes();
var segundos = RelojDigital.getSeconds();

if (horas <= 9) { horas = "0"+horas; }
if (minutos <= 9) { minutos = "0"+minutos; }
if (segundos <= 9) { segundos = "0"+segundos; }

var texto_reloj = '';
//texto_reloj += horas+':'+minutos+':'+segundos;
texto_reloj += horas+':'+minutos;

if (viejo == "true"){
document.write(texto_reloj);
viejo = "die";
return;
}

if (document.layers){
posicion_reloj = document.Coord_NS;
reloj_dinamico = posicion_reloj.document.Reloj_actualNS;
reloj_dinamico.document.write(texto_reloj);
reloj_dinamico.document.close();
}else if(document.all){
Reloj_actualIE.innerHTML = texto_reloj;
} else if(document.getElementById){
document.getElementById("Reloj_actualIE").innerHTML = texto_reloj;
}
setTimeout("mostrar_reloj()",1000);
}

//-->
</script>
</span>
<p>
Todas las scripts son compatilbles con Firefox 2.0 - Opera 9.x - IExplorer 6.x ó +.<br />
Un útimo detalle, si quieres hacer tu documento XHTML compatible, deberás incorporar las scripts desde archivos externos
<br />
Ej</p>
<p>&lt;span class=&quot;fecha&quot;&gt; <br />
&lt;script type=&quot;text/javascript&quot; src=&quot;fechayhora.js&quot;&gt;&lt;/script&gt;<br />
&lt;/span&gt;
</p>
</body>
</html>

Saludos

Stefanie · #5 (**permalink**) 20/08/2007, 18:34

yo tengo una web, donde en un solo campo quiero mostrar la hora como puedo hacer?

emprear · #6 (**permalink**) 20/08/2007, 20:07

Stefanie.... un poco más de iniciativa por favor, tanto mi post como el de hgp147 tienen el código necesario para incluir la hora. Si te tomases el trabajo de crear páginas de muestra con los códigos que proporcionamos (que por otra parte abundan en explicaciones) te darías cuenta de lo que te digo

Saludos

ZeroLino · #7 (**permalink**) 21/08/2007, 08:43

el codigo enviado anteriormente

el de la hora con la fecha

ESTA BUENISIMOOO!!

gracias...

para un futuro lo usare...
el codigo
=)

buzu · #8 (**permalink**) 21/08/2007, 10:41

ztikma:

Mientras uses javascript tu cliente lo seguira viendo mal, no es el js lo que esta mal sino el reloj de tu cliente. El js toma la hora y fecha actual segun el ordenador cliente, entonces si en mi ordenador son las 8:00 am esa hora es la que mostrara y si en el tuyo al mismo tiempo y en el mismo lugar son las 10:00 pm esa hora mostrara en tu compu.

Como hacer que en todos los ordenadores se vea la misma hora? Usa php. Es mas sencillo que introducir la hora usando javascript y se vera la misma hora en todos los ordenadores.Por que? facil, php imprime la hora del servidor no la del cliente.

PD. Cuando obj.js esté listo, poner un reloj sera tan facil como asignar id="reloj" a un div.

emprear · #9 (**permalink**) 21/08/2007, 11:56

Buzu

Reza porque la hora del servidor este bien ajustada

hgp147 · #10 (**permalink**) 21/08/2007, 16:37

Hola, en caso de que la hora del servidor no coincida con la que queremos, se puede hacer esto:

Código PHP:

  // Lo que va dentro del segundo parentesis son las horas que se quieren agregar o restar

date("H:i:s", strtotime("+2 hour"))
date("H:i:s", strtotime("-1 hour"))

buzu · #11 (**permalink**) 21/08/2007, 20:55

ademas puedes seleccionar la zona horaria mediante php.
No hay excusa....
En caso que eso no se pudiera hacer, siempre puedes hablar con tu proveedor de host y explicarle por que es tan importante que la fecha este bien.

Tecton · #12 (**permalink**) 27/12/2009, 02:12

El código sigue vigente, lo acabo de comprobar.
Mil Gracias!

jomaruro · #13 (**permalink**) 27/12/2009, 09:22

Hola Tecton.

Bienvenido al foro ¿No te has dado cuenta de que el tema tiene más de DOS años? Por favor, no revivas temas tan antiguos.

Cita:

2.8 Los usuarios no pueden revivir o reactivar temas publicando información inútil o sin sentido, o llevando a cabo cualquier otra acción para deliberadamente mantener arriba en el índice del foro dicho tema.

Por si acaso, échale un vistazo a las políticas del foro.

Saludos.