Hora local

ABAROA · #1 (**permalink**) 19/02/2003, 11:44

Hola a todos:

Estoy interesada en poner en mi página web la fecha y hora local, es decir que algún visitante de otro pais de otra franja horaria no visione su hora, sino la de mi pais.

¿Conoce alguien cómo se puede hacer esto?

Gracias

Abaroa

KarlanKas · #2 (**permalink**) 19/02/2003, 11:47

¿Y cual es tu pais? Lo digo para hacer los cálculos y demás...

KarlanKas · #3 (**permalink**) 19/02/2003, 12:12

Perdona Abaroa!

No había visto que tenías lo de Euskal Herria en tu ficha, por lo que estás en España. Así que la hora es GTM +1.

El código sería más o menos este:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
    <script> 
var diferenciaConGTM=1; 
function verHora(){ 
hoy=new Date(); 
hora=hoy.getHours(); 
hora=hora+(hoy.getTimezoneOffset()/60); 
hora=hora+diferenciaConGTM; 
minutos=hoy.getMinutes(); 
segundos=hoy.getSeconds(); 
horario="<b>"+hora+":"+minutos+":"+segundos+"</b>"; 
document.getElementById("reloj").innerHTML=horario; 
} 
</script> 
</head> 
 
<body onload="self.setInterval('verHora()',1000)"> 
 
</body > 
<div id="reloj"></div> 
</html>

Espero que te sirva!

ABAROA · #4 (**permalink**) 20/02/2003, 10:31

Muchísimas gracias por tu respuesta.

He hecho la prueba y sale, pero con 7 horas de más. Yo no controlo demasiado JS. Qué debo modificar?

Abaroa

KarlanKas · #5 (**permalink**) 20/02/2003, 12:01

Abaroa!

Me alegro de que te funcionara, pero me sorprende que falle. Si la hora que buscas es la de España está bien como está. Ahora, si lo que buscas poner es otra, hay una variable en el código que es:

Código PHP:

  var diferenciaConGTM=1

cambia ese 1 por la diferencia de horas con respecto a Reino Unido. En este caso sería (si sale con 7 horas de más)

Código PHP:

  var diferenciaConGTM=-6

Espero que te funcione... aunque ahora que lo pienso.... espera que tenía un fallo. Ahora está bien. Te pongo entre rayas lo que debes modificar según las horas de diferencia con respecto a la hora del meridiano de Greenwich.

Código PHP:

  <html> 
<head> 
    <title>Reloj</title> 
    <script> 
 
//------------------------------------- 
var diferenciaConGTM=-5; 
//------------------------------------- 
 
 
function verHora(){ 
hoy=new Date(); 
hora=hoy.getHours(); 
hora=hora+(hoy.getTimezoneOffset()/60); 
hora=hora+diferenciaConGTM; 
if (hora>23){hora=hora-24} 
if (hora<0){hora=24+hora} 
minutos=hoy.getMinutes(); 
segundos=hoy.getSeconds(); 
horario="<b>"+hora+":"+minutos+":"+segundos+"</b>"; 
document.getElementById("reloj").innerHTML=horario; 
} 
</script> 
</head> 
 
<body onload="self.setInterval('verHora()',1000)"> 
 
</body > 
<div id="reloj"></div> 
</html>

Un saludo!

ABAROA · #6 (**permalink**) 22/02/2003, 10:33

Gracias, gracias!

Me funciona perfecto!! Al final la variable es "=1", no sé porqué el otro día no me iba bien.

Bueno, pues eso, mil gracias.

Abaroa

KarlanKas · #7 (**permalink**) 22/02/2003, 12:02

De nada, hombre!

A mandar!

papuchango · #8 (**permalink**) 26/02/2003, 15:41

hola, talves no me conoces pero tengo un problema similar pero con un script un poco mas complejo, si deseas que te lo envie para corregirlo porfavor respondeme que no me tardo en leerlo
gracias

Cita:

Mensaje Original por KarlanKas
Abaroa!

Me alegro de que te funcionara, pero me sorprende que falle. Si la hora que buscas es la de España está bien como está. Ahora, si lo que buscas poner es otra, hay una variable en el código que es:

Código PHP:

var diferenciaConGTM=1

cambia ese 1 por la diferencia de horas con respecto a Reino Unido. En este caso sería (si sale con 7 horas de más)

Código PHP:

var diferenciaConGTM=-6

Espero que te funcione... aunque ahora que lo pienso.... espera que tenía un fallo. Ahora está bien. Te pongo entre rayas lo que debes modificar según las horas de diferencia con respecto a la hora del meridiano de Greenwich.

Código PHP:

<html> <head> <title>Reloj</title> <script> //------------------------------------- var diferenciaConGTM=-5; //------------------------------------- function verHora(){ hoy=new Date(); hora=hoy.getHours(); hora=hora+(hoy.getTimezoneOffset()/60); hora=hora+diferenciaConGTM; if (hora>23){hora=hora-24} if (hora<0){hora=24+hora} minutos=hoy.getMinutes(); segundos=hoy.getSeconds(); horario="<b>"+hora+":"+minutos+":"+segundos+"</b>"; document.getElementById("reloj").innerHTML=horario; } </script> </head> <body onload="self.setInterval('verHora()',1000)"> </body > <div id="reloj"></div> </html>

Un saludo!

KarlanKas · #9 (**permalink**) 26/02/2003, 16:43

papuchango:

Lo mejor que puedes hacer es colgarlo en un nuevo post... así todos podemos participar y tu respuesta será mucho más rica!!!

Un saludo!

papuchango · #10 (**permalink**) 26/02/2003, 16:50

este escript esta guardado en un archivo js para poder llamarlo desde mi pagina:

------------------------------------------------------------------------------------

var RelojID24 = null
var RelojEjecutandose24 = false

function DetenerReloj24 (){
if(RelojEjecutandose24)
clearTimeout(RelojID24)
RelojEjecutandose24 = false
}

function MostrarHora24 () {
var ahora = new Date()
var horas = ahora.getHours()
var minutos = ahora.getMinutes()
var segundos = ahora.getSeconds()
var ValorHora

//establece las horas
if (horas < 10)
ValorHora = "0" + horas
else
ValorHora = "" + horas

//establece los minutos
if (minutos < 10)
ValorHora += ":0" + minutos
else
ValorHora += ":" + minutos

//establece los segundos
if (segundos < 10)
ValorHora += ":0" + segundos
else
ValorHora += ":" + segundos

window.status = ValorHora
//si se desea tener el reloj en la barra de estado, reemplazar la anterior por esta
//window.status = ValorHora

RelojID24 = setTimeout("MostrarHora24()",1000)
RelojEjecutandose24 = true
}

function IniciarReloj24 () {
DetenerReloj24()
MostrarHora24()
}

------------------------------------------------------------------------------------

este seria el body:

------------------------------------------------------------------------------------

<FORM name="formi">
<CENTER>
<P>HORA ACTUAL</P>
<INPUT type="text" name="hour" size=1>
:
<INPUT type="text" name="min" size=1>
:
<INPUT type="text" name="seg" size=1>
<P>My ciudad
<INPUT type="text" name="sem" size=8>
,
<INPUT type="text" name="day" size=1>
de
<INPUT type="text" name="month" size=9>
de
<INPUT type="text" name="year" size=3>
</P>
</CENTER>
<SCRIPT language="javascript">
muestraSeg();
muestraMin();
muestraHour();

muestraSem();
muestraDay();
muestraMon();
muestraYear();
</SCRIPT>
</FORM>

------------------------------------------------------------------------------------

les agradeceria que me ayudaran. Chau!

Blusera80 · #11 (**permalink**) 05/03/2003, 09:14

Buenas, he logrado poner la hora de mi país, pero lo que quiero es cambiarle el formato del texto, y como no se absolutamente nada de js, aca me encuentro, preguntandole a los que saben.

Gracias..!!!

KarlanKas · #12 (**permalink**) 05/03/2003, 09:52

Hola Blusera!!

para cambiar el formato de texto sólo tienes que poner entre el <HEAD> y el </HEAD> lo siguiente:

<STYLE>
#reloj{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #191970;
}
</STYLE>

Modifícalo según creas conveniente...

Un saludo!!

KarlanKas · #13 (**permalink**) 05/03/2003, 10:06

papuchango!!

Me parece que has mezclado 2 scripts o algo porque lo que tienes es un galimatias!

Mira, lo que hace tu script es poner un reloj en la barra de estado. He hecho unos cambios para que funcione:

Código PHP:

  <html> 
<head> 
<script> 
var RelojID24 = null 
var RelojEjecutandose24 = false 
 
function DetenerReloj24 (){ 
if(RelojEjecutandose24) 
clearTimeout(RelojID24) 
RelojEjecutandose24 = false 
} 
 
function MostrarHora24 () { 
var ahora = new Date() 
var horas = ahora.getHours() 
var minutos = ahora.getMinutes() 
var segundos = ahora.getSeconds() 
var ValorHora 
 
//establece las horas 
if (horas < 10) 
ValorHora = "0" + horas 
else 
ValorHora = "" + horas 
 
//establece los minutos 
if (minutos < 10) 
ValorHora += ":0" + minutos 
else 
ValorHora += ":" + minutos 
 
//establece los segundos 
if (segundos < 10) 
ValorHora += ":0" + segundos 
else 
ValorHora += ":" + segundos 
 
window.status = ValorHora 
//si se desea tener el reloj en la barra de estado, reemplazar la anterior por esta 
//window.status = ValorHora 
 
RelojID24 = setTimeout("MostrarHora24()",1000) 
RelojEjecutandose24 = true 
} 
 
function IniciarReloj24 () { 
DetenerReloj24() 
MostrarHora24() 
} 
</script> 
 
    <title>Untitled</title> 
</head> 
<body onload="IniciarReloj24()"> 
</body> 
</html>

papuchango · #14 (**permalink**) 05/03/2003, 10:13

Mira, me funciona de maravillapero con la hora del reloj de la barra de inicio!

Que me falta para poner la hora local de mi region?

KarlanKas · #15 (**permalink**) 05/03/2003, 10:37

Lo mejor que puedes hacer es coger mi script y cambiar estas 2 líneas consecutivas:

horario="<b>"+hora+":"+minutos+":"+segundos+"</b>";
document.getElementById("reloj").innerHTML=horario ;

por esta:

horario=hora+":"+minutos+":"+segundos;
window.status=horario;

Y ya está!

Quedaría con algún cambio así:

Código PHP:

   
<html> 
<head> 
    <title>Reloj</title> 
    <script> 
 
//------------------------------------- 
var diferenciaConGTM=+1; 
//------------------------------------- 
 
 
function verHora(){ 
hoy=new Date(); 
hora=hoy.getHours(); 
hora=hora+(hoy.getTimezoneOffset()/60); 
hora=hora+diferenciaConGTM; 
if (hora>23){hora=hora-24} 
if (hora<0){hora=24+hora} 
minutos=hoy.getMinutes(); 
segundos=hoy.getSeconds(); 
if (segundos<10){segundos="0"+segundos;} 
if (minutos<10){minutos="0"+minutos;} 
horario=hora+":"+minutos+":"+segundos; 
window.status=horario; 
} 
</script> 
</head> 
<body onload="self.setInterval('verHora()',1000)"> 
</body > 
</html>