Problemas; Rotar Imagen segun hora del dia

denisselara · #1 (**permalink**) 30/07/2012, 16:37

Amigos! tengo un script, el cual rota imagenes cada hora indicada, es decir, son las 14 Hs. muestra imagen 01, cuando son las 15 Hs. muestra imagen 2 y asi...
mi problema es el "x=day.getHours()" porque me esta tomando la hora del usuario y no la del servidor... necesito que tome la hora del servidor o de alguno de referencia para que por ejemplo, una web de una radio o canal de tv, transmita un programa a las 15 Hs en argentina, se vea la foto del conductor tanto en argentina como en australia, que tiene otro horario.. se entiende? es decir que no importe la hora que cada usuario tenga en su computador si no que siempre tome la referencia de argentina.
desde ya agradezco su cooperacion!
besos
Aqui el codigo:

<script language="JavaScript">


</script>

dontexplain · #2 (**permalink**) 30/07/2012, 16:49

NEcesitas cargar la hora del servidor. Para ello usa PHP

$d = new DateTime("now", new DateTimeZone("America/Argentina/Buenos_Aires"));
echo $d->format(constante);

emprear · #3 (**permalink**) 30/07/2012, 16:51

Javascript trabaja con la hora del cliente. Deberías obtenerla con php (funcion date()) y también verificar la zona horaria del server y hacer las correciones si fuera necesario (a veces contratás un hosting en la argentina, pero resulta que el server está en lituania)

Saludos

furoya · #4 (**permalink**) 30/07/2012, 18:38

En realidad hay una forma en JS, pero no es segura para nada. Por más que haya que hacerle algún ajuste al servidor de Lituania, conviene más PHP.

Saber uso horario de visitante!

denisselara · #5 (**permalink**) 31/07/2012, 09:56

Muchisimas gracias por la pronta respuesta. Ahora bien, a que se refieren exactamente con usar php? segun hasta lo que entiendo uno debe llamar al php, verdad? como seria en el caso de usar java? llamaria de dentro del codigo java a un php o deberia realizarlo integramente en php?
Muchas gracias
besos

dontexplain · #6 (**permalink**) 31/07/2012, 10:10

Cita:

Iniciado por denisselara

Muchisimas gracias por la pronta respuesta. Ahora bien, a que se refieren exactamente con usar php? segun hasta lo que entiendo uno debe llamar al php, verdad? como seria en el caso de usar java? llamaria de dentro del codigo java a un php o deberia realizarlo integramente en php?
Muchas gracias
besos

Lo ideal es que lo hagas directamente en PHP.

Lo demás es rizar el rizo.

Recupera la hora en formato 24 horas o cualquier otro con

$hora= $d->format("H");

Luego, puedes usar simplemente una estructura if-else para comprobar si es superior, igual o inferior

if($hora >= 18 && $hora < 22){
// si la hora es superior o igual a las 6 de la tarde e inferior a las 10 de la noche
echo "<img src='imagena.png'>";
} else if($hora >= 22 && $hora < 23){
// si la hora es superior o igual a las 10 de la noche e inferior a las 11 de la noche.
echo "<img src='imagenb.png'>";
}

[...]

Un saludo.

emprear · #7 (**permalink**) 31/07/2012, 11:29

Podés simplificarlo de esta manera con Ajax y php

obtenes la hora con php
hora.php

Código PHP:

Ver original<?php
date_default_timezone_set('America/Argentina/Buenos_Aires');
$hora = date('G');
echo "<img src='$hora.jpg' alt='' width='100' height='100' />";
?>

con este formato $hora representará un numero de 0 a 23

en tu index.php

Código PHP:

Ver original<!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>hora dinámica php+ajax</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
// agrega un parametro unico al archivo
var prevenirCache=1;
 
/*** no editar ***/
var cargarObjetos="";
var rootdomain="http://"+window.location.hostname;
var cacheParam="";
function cargarAjax(url,divAjax){
var contenidoAjax = false;
 
if(window.XMLHttpRequest) {
contenidoAjax = new XMLHttpRequest();
}else if(window.ActiveXObject) {
contenidoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}else{
alert('Su navegador no soporta Ajax');
}
 
contenidoAjax.onreadystatechange=function(){
cargaPagina(contenidoAjax,divAjax);
}
                
if(prevenirCache == 1){
    cacheParam=(url.indexOf("?")!=-1)? "&"+ new Date().getTime() : "?"+ new Date().getTime();
    }   
        contenidoAjax.open('GET', url+cacheParam, true);
    contenidoAjax.send(null);
    }
    
    
    function cargaPagina(contenidoAjax,divAjax){
        if(contenidoAjax.readyState==1){
// el mensaje actualizando es opcional
            document.getElementById(divAjax).innerHTML = '<p style="text-align: center;">actualizando<\/p>';
            }
            if(contenidoAjax.readyState == 4 && (contenidoAjax.status==200 || window.location.href.indexOf("http")==-1)){
                document.getElementById(divAjax).innerHTML=contenidoAjax.responseText;
                }
                }
                
// llamas a la función cada 59 segundos para que actualice la imagen
window.onload = setInterval("cargarAjax('hora.php','la_hora')", 59000);
//]]>
</script>
</head>
<body>
<div id="la_hora">
<?php
date_default_timezone_set('America/Argentina/Buenos_Aires');
$hora = date('G');
// mostrás la imagen por defecto al cargar la página
echo "<img src='$hora.jpg' alt='' width='100' height='100' />";
?>
</div>
</body>
</html>

Ahora solo te resta nombrar tus imágenes
0.jpg
1.jpg
2.jpg
y así sucesivamente

Y siempre tendrás la imágen correcta
Saludos