Reloj digital javascript con hora de servidor por php

arcanisgk122 · #1 (**permalink**) 26/09/2013, 18:09

hola amigos tengo buen rato trabajando en esto:
un reloj para la pagina web peroooo me atasco en algo muestra la hora del PC y yo quiero que use la hora del servidor, restarle las horas y minutos necesarios para que marque la hora -5 GMT Bogota Colombia...

pero no se como agregar la parte del php:

Código HTML:

Ver original<html>
<head>
<title>Documento sin título</title>
<script language="javascript" type="text/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 digitos
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='verdana'>" + horas + ":" + minutos + ":" + segundos + " " + mt + "</font>";
cadenareloj =horas + ":" + minutos + ":" + segundos + " " + mt;
// Escribo el reloj de una manera u otra, segun 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 funcion con un intervalo de un segundo
setTimeout("muestraReloj()", 1000);
}
</script>
</head>
<body onLoad="muestraReloj()">
<div id="spanreloj"></div>
</body>
</html>

el php:

Código PHP:

Ver original<?php$now= time();
 echo "La hora de nuestro servidor es: " . date ("H:i, l j F Y", $now)."<br />";
 putenv("TZ=America/Argentina/Buenos_Aires");
 echo "Y la hora en Argentina es: " . date ("H:i, l j F Y", $now) . "<br />";
 ?>

si me pueden tirar un mano con esto se los agradesco

pateketrueke · #2 (**permalink**) 26/09/2013, 18:32

En realidad no necesitas ningún calculo, el objeto Date de Javascript te permite crear la fecha directamente.

Así pues, por favor consulta una referencia de Date para Javascript, ya que de PHP únicamente necesitas dichos parámetros.

Primero aprende a usar el objeto Date de Javascript y cuando sepas usarlo verás que pasarle dichos datos desde PHP es pan comido, como sea es imprimir código, que al final es texto, cosa del diario en PHP.

Triby · #3 (**permalink**) 26/09/2013, 18:35

Donde creas el objeto Date() puedes especificar la fecha que quieres, ejemplo:

Código PHP:

Ver originalvar fecha = new Date('<?php echo date(/* formato */); ?>');

Más info en: http://www.w3schools.com/jsref/jsref_obj_date.asp

arcanisgk122 · #4 (**permalink**) 26/09/2013, 19:12

lo intente con esto:

Código PHP:

Ver originalvar fechacompleta = new Date(<? echo date("d M Y G:i:s"); ?>);

pero no me sirbe

por pantalla me sale todo menos lo que quiero sera algo con la sintaxis o el formato que uso ?? solo quiero hora minutos y segundos....

Triby · #5 (**permalink**) 26/09/2013, 19:27

No te sirve?... revisa la consola de errores (Firefox o Chrome) y verás que hay un error de javascript porque no encerraste ente comillas el valor para Date()

arcanisgk122 · #6 (**permalink**) 26/09/2013, 19:45

resuelto
ya me imprime la hora al parecer en php 5 hay que poner copleto "<?php"

pero continua un problema derivado que la hora se queda estática y la idea era que siga corriendo... a cada segundo alguien sabe el por que?

Triby · #7 (**permalink**) 27/09/2013, 17:30

Eso ya no es cosa de PHP, sino de Javascript, te recomiendo preguntar allá: www.forosdelweb.com/f13/

arcanisgk122 · #8 (**permalink**) 29/09/2013, 18:12

me mueven el post??

Triby · #9 (**permalink**) 29/09/2013, 19:33

OK, muevo el tema desde PHP a Javascript.

arcanisgk122 · #10 (**permalink**) 03/10/2013, 23:39

see a ver quien me tira una mano de javascript o en este caso creo que ajax...

caricatos · #11 (**permalink**) 04/10/2013, 00:31

Hola:

Fíjate que tu función escribe la hora con document.write, y eso solo funciona al cargarse la página. Deberías tener los elementos donde escribir la hora actualizada con atributos id definidos, y a la hora de actualizar usar innerHTML.

Saludos

arcanisgk122 · #12 (**permalink**) 04/10/2013, 01:15

te refieres a esto?

Código PHP:

Ver originalelse if (document.all) spanreloj.innerHTML = cadenareloj;
else if (document.getElementById) document.getElementById("spanreloj").innerHTML = cadenareloj;