Hora de servidor y conteo de días.

HeavyForEver · #1 (**permalink**) 04/08/2010, 16:03

Hola.

He encontrado un sitio que tiene esto así....

Donde dice gzTime es obviamente, un reloj. Pero este reloj no tiene la hora de mi pc sino que muestra, lo que creeria que es la hora del servidor o la elegida por el webmaster.

Y donde dice gzDay, es un conteo de días que hace que el sitio está en línea.

Ambos, la hora y el conteo de días, son totalmente independientes de la pc, es decir por más que yo modifique el calendario de mi pc, esos valores se mantienen.

Me gustaría saber como se puede realizar eso.

Espero que me puedan ayudar, desde ya, muchas gracias.

Nemutagk · #2 (**permalink**) 04/08/2010, 18:18

Es necesario un lenguaje de programación del lado del servidor como PHP o ASP, en PHP es sencillo utilizando la funcion date...

Código PHP:

Ver original<?php
echo date('d/m/Y H:i:s);
//lo cual daria 04/08/2010 19:19:12
?>

HeavyForEver · #3 (**permalink**) 04/08/2010, 23:06

Lo agregé y me quedó así:

Código PHP:

<?php echo date("d-m-Y - g:i:s A"); ?>

Osea, me muestra "05-08-2010 - 1:03:53 AM "

Hasta ahi todo bien.

Ahora quiero saber:

• ¿Cómo hago para editar la hora? Es decir, para que en vez de que me muestre 1:03:53 AM me muestre, por ejemplo, 6:58:52 AM.

• Quiero saber también como se puede hacer para que el reloj se "mueva", es decir que se vean cuando cambian los segundos sin necesidad de actualizar la página.

Por ahora eso es todo.

Gracias

Nemutagk · #4 (**permalink**) 04/08/2010, 23:28

No puedes editar la hora directamente, para eso tendrías que modificar la hora del servidor, lo que mas podrías hacer es sumar x horas a la hora actual

Código PHP:

Ver original//Obtenemos la fecha actual en unix
$fechaNow = time();
//Obtenemos las horas a sumar, 1 hora es igual a 3600 segundos * 5 da igual a 5 horas
$horasASumar = 3600 * 5;
 
//Ahora sumamos la fecha actual mas las 5 horas
$horaFinal = $fechaNow + $horasASumar;
 
echo date('g:i:s A',$horaFinal);

Y para que se mueva tendrías que crear un reloj en javascript, busca en google hay cientos de ejemplos

HeavyForEver · #5 (**permalink**) 05/08/2010, 06:37

Bien.
Le agregue este script.

Código HTML:

<script type="text/javascript"> function HoraActual(hora, minuto, segundo){ segundo = segundo + 1; if(segundo == 60) { minuto = minuto + 1; segundo = 0; if(minuto == 60) { minuto = 0; hora = hora + 1; if(hora == 24) { hora = 0; } } } if(hora < 10) hora = '0' + hora; if(minuto < 10) minuto = '0' + minuto; if(segundo < 10) segundo = '0' + segundo; HoraCompleta= hora + ":" + minuto + ":" + segundo; document.getElementById('contenedor_reloj').innerHTML = HoraCompleta; setTimeout("HoraActual("+hora+", "+minuto+", "+segundo+")", 1000); } </script>
Y luego este código:

Código HTML:

<body onload="HoraActual(<?php echo date("g",time() + 25700).", ".date("i").", ".date("s"); ?>)">
Hasta ahora todo bien.

Ahora, al momento de querer agregarle el valor a (para AM/PM), me tira errores. Quisiera saber la manera correcta de agregarlo.

Nemutagk · #6 (**permalink**) 05/08/2010, 06:46

Solo agrega una variable mas a la función Javascript

Código Javascript:

Ver original<script type="text/javascript">
    function HoraActual(hora, minuto, segundo, horario){
        segundo = segundo + 1;
        if(segundo == 60) {
            minuto = minuto + 1;
            segundo = 0;
            if(minuto == 60) {
                minuto = 0;
                hora = hora + 1;
                if(hora == 24) {
                    hora = 0;
                }
            }
        }
        if(hora < 10) hora = '0' + hora;
        if(minuto < 10) minuto = '0' + minuto;
        if(segundo < 10) segundo = '0' + segundo;
        if (hora == 0) {
                if (horario == 'pm') {
                        horario = 'am';
                }
        }else if (hora == 12) {
                if (horario == 'am') {
                        horario = 'pm';
                }
        }
        HoraCompleta= hora + ":" + minuto + ":" + segundo;
        document.getElementById('contenedor_reloj').innerHTML = HoraCompleta + ' ' + horario;
        setTimeout("HoraActual("+hora+", "+minuto+", "+segundo+","+horario+")", 1000);
    } 
</script>

Y en el HTML

Código HTML:

Ver original<body onload="HoraActual(<?php echo date("g",time() + 25700).", ".date("i").", ".date("s"); ?>)","<?php date("a",(time() + 25700)); ?>">

Solo una cosa, la función Javascript que encontraste es para una configuración de 24 horas, la propiedad "g" de "date" es en formato de 12 horas, así cuando llegue a las 12:59 y cambie de segundo marcará las 13:00 y no la 01:00

HeavyForEver · #7 (**permalink**) 05/08/2010, 07:25

Muchas gracias.

Una cosa, me aparece la hora, y en vez de aparecer AM/PM aparece undefined. Lo copié exactamente como usted me lo pasó.

Pd: ¿Es posible darte karma o reputación o alguna otra forma de agradecer?

Nemutagk · #8 (**permalink**) 05/08/2010, 07:32

Falto el "echo" antes del ultimo "date" en "body onload"

HeavyForEver · #9 (**permalink**) 05/08/2010, 09:06

Me quedó así...

Código HTML:

<body onLoad="HoraActual(<?php echo date("g",time() + 21600).", ".date("i").", ".date("s"); ?>)","<?php echo date("A",(time() + 21600)); ?>">
...y el error me continúa apareciendo