como cargar el fondo de una pagina web de acuerdo a la hora del día

heijikari · #1 (**permalink**) 28/09/2012, 15:33

tengo una duda, como podría hacer con PHP para que de acuerdo a la hora del día se cargue cierta imagen de fondo a una página web, por ejemplo si es de día cargue un sol, si es de noche cargue una luna...
se puede hacer esto?....

duskrow · #2 (**permalink**) 28/09/2012, 15:39

Busca la funcion date() es de php , la opcion que te regresa la hora es h , con ella validas un intervalo de tiempo es decir

Código PHP:

Ver original$hora = date("h");
 
if( $hora <= 12 ){
   //es de mañana
} else if( $hora <= 19 ){
  //es de tarde
} else {
  //es de noche
}

cuasatar · #3 (**permalink**) 28/09/2012, 23:08

Complementando la respuesta que te dieron simplemente crea el rango en que deseas que salga cada imagen y simplemente modificas el background-image del css, algo asi como

Código PHP:

  if( $hora <= 12 ){ 
   //es de mañana 
<body style:"background-image:dia.jpg"> 
} else if( $hora>12 && $hora <= 19 ){ 
  //es de tarde 
<body style:"background-image:tarde.jpg"> 
} else { 
  //es de noche 
<body style:"background-image:noche.jpg"> 
}

Bueno, es una idea rapida, no la he probado pero algo asi mas o menos deberia funcionar. Ya es cuestión que lo depures. Existen mas maneras que se me ocurren pero bueno, creo que ya entiendes como va la cuestión.

Momonito · #4 (**permalink**) 29/09/2012, 02:37

Solo me atrevo a poner un "pero" a las anteriores respuestas.
En ambas te pasarías la normalización por el forro, por aquello de incluir los style en el archivo de HTML, además de que no creo que sea demasiado recomendable incluir una etiqueta principal (<body>) con el servidor php.

Yo haría algo como.

Código:

<body>

y en otro archivo algo como:

Código:

if( $hora <= 12 ){ 
   //es de mañana 
echo ('document.get.elementByTagName("body").style.background-image=dia.jpg'); 
} else if( $hora>12 && $hora <= 19 ){ 
  //es de tarde 
echo ('document.get.elementByTagName("body").style.background-image=tarde.jpg'); 
} else { 
  //es de noche 
echo ('document.get.elementByTagName("body").style.background-image=noche.jpg'); 
}

Rapasa la sintaxis, que la e escrito recien despertao :P

pzin · #5 (**permalink**) 29/09/2012, 02:48

Llámame loco, pero para mí que así también incluyes los estilos en el HTML...

#6 (**permalink**) 29/09/2012, 03:05

Si eres de argentina es de día, pero si sos de china es de noche. El servidor no detecta la hora de tu PC, es decir para saber si es de dia o de noche en el pais del visitante vas a tener que utilizar javascript

Código Javascript:

Ver original<script language="javascript">
<!-- Begin
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if(thehour <= 18 && thehour >= 6){
    document.write("dia");
} else {
    document.write("noche");
}
// End -->
</script>

heijikari · #7 (**permalink**) 03/10/2012, 07:01

gracias a todos los camaras que brindaron su ayuda, estoy checando ahora los codigos para proceder a la realizacion de la página, gracias.

estare comentando por cualquier cosa :)

heijikari · #8 (**permalink**) 03/10/2012, 07:05

Cita:

Iniciado por marcofbb

Si eres de argentina es de día, pero si sos de china es de noche. El servidor no detecta la hora de tu PC, es decir para saber si es de dia o de noche en el pais del visitante vas a tener que utilizar javascript

Código Javascript:

Ver original<script language="javascript">
<!-- Begin
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if(thehour <= 18 && thehour >= 6){
    document.write("dia");
} else {
    document.write("noche");
}
// End -->
</script>

muy cierto lo que dices marcofbb. no habia tomado en cuenta ese detalle, gracias por el dato

cuasatar · #9 (**permalink**) 03/10/2012, 14:40

Hola, si logras la solución por favor compartela que me parece muy interesante. Tienen razón en que con javascript se obtiene la hora del usuario y no la del servidor. Aunque nunca me lo habia planteado antes es un ejercicio muy interesante.