Foros del Web » Creando para Internet » HTML »

Agregar Fecha y Hora

Estas en el tema de Agregar Fecha y Hora en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2007, 16:34
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 16 años
Puntos: 1
Agregar Fecha y Hora

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.
__________________
La Pana
  #2 (permalink)  
Antiguo 20/08/2007, 16:46
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Re: Agregar Fecha y Hora

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> 
  #3 (permalink)  
Antiguo 20/08/2007, 17:08
Avatar de ztikma  
Fecha de Ingreso: diciembre-2001
Ubicación: Viña del Mar
Mensajes: 1.144
Antigüedad: 16 años
Puntos: 1
Re: Agregar Fecha y Hora

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

Saludos
__________________
La Pana
  #4 (permalink)  
Antiguo 20/08/2007, 18:15
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Agregar Fecha y Hora

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
  #5 (permalink)  
Antiguo 20/08/2007, 19:34
Avatar de Stefanie  
Fecha de Ingreso: septiembre-2006
Ubicación: Lima, Perú
Mensajes: 118
Antigüedad: 11 años, 3 meses
Puntos: 0
Re: Agregar Fecha y Hora

yo tengo una web, donde en un solo campo quiero mostrar la hora como puedo hacer?
  #6 (permalink)  
Antiguo 20/08/2007, 21:07
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Agregar Fecha y Hora

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
  #7 (permalink)  
Antiguo 21/08/2007, 09:43
Avatar de ZeroLino  
Fecha de Ingreso: abril-2007
Mensajes: 91
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Agregar Fecha y Hora

el codigo enviado anteriormente

el de la hora con la fecha

ESTA BUENISIMOOO!!

gracias...

para un futuro lo usare...
el codigo
=)
  #8 (permalink)  
Antiguo 21/08/2007, 11:41
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: Agregar Fecha y Hora

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.
  #9 (permalink)  
Antiguo 21/08/2007, 12:56
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Agregar Fecha y Hora

Buzu

Reza porque la hora del servidor este bien ajustada
  #10 (permalink)  
Antiguo 21/08/2007, 17:37
Avatar de hgp147  
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 11 años
Puntos: 36
Re: Agregar Fecha y Hora

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")) 
  #11 (permalink)  
Antiguo 21/08/2007, 21:55
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: Agregar Fecha y Hora

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.
  #12 (permalink)  
Antiguo 27/12/2009, 02:12
 
Fecha de Ingreso: julio-2008
Mensajes: 4
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Agregar Fecha y Hora

El código sigue vigente, lo acabo de comprobar.
Mil Gracias!
  #13 (permalink)  
Antiguo 27/12/2009, 09:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Agregar Fecha y Hora

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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 07:19.