Foros del Web » Programando para Internet » Javascript »

Cambiar imagen según la hora y el dia.

Estas en el tema de Cambiar imagen según la hora y el dia. en el foro de Javascript en Foros del Web. Amigos, despues de un par de preguntas y de revisar un poco el foro di con la solución a un problema que tenia, que era ...
  #1 (permalink)  
Antiguo 26/08/2010, 08:18
 
Fecha de Ingreso: agosto-2010
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 1
Cambiar imagen según la hora y el dia.

Amigos, despues de un par de preguntas y de revisar un poco el foro di con la solución a un problema que tenia, que era justamente la del título, les adjunto el codigo que terminé ocupando por si a alguien le sirve:

Código HTML:
<script language="JavaScript">
function alaire() {
var hoy=new Date(),
    dia=hoy.getDay(),
    hora=hoy.getHours();

if (hora > 7 && hora < 9 && dia > 0 && dia < 6) {
imagen="<?php echo get_template_directory_uri() ?>/imagen1.jpg";
}
else if (hora > 9 && hora < 13 && dia > 0 && dia < 6) {
imagen="<?php echo get_template_directory_uri() ?>/imagen2.jpg";
}  
else if (hora > 13 && hora < 14 && dia > 0 && dia < 6) {
imagen="<?php echo get_template_directory_uri() ?>/imagen3.jpg";
}
else if (hora > 13 && hora < 15 && dia > 0 && dia < 6) {
imagen="<?php echo get_template_directory_uri() ?>/imagen4.jpg";
} 
document.images["reloj"].src=imagen;

}
</script> 
hora el problema que aparecíó es que con ese codigo lo que de devuelve so horas exactas, entonces necesito hacer que sea horas con minutos, por ejemplo:


Que me muestre una imagen entre las 13:00 y las 13:45


Ojalá alguine me pueda ayudar. saludos
  #2 (permalink)  
Antiguo 26/08/2010, 12:38
Avatar de claudiovega  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Montt
Mensajes: 3.667
Antigüedad: 20 años, 6 meses
Puntos: 11
Respuesta: Cambiar imagen según la hora y el dia.

Tienes el método getMinutes() para saber en que minuto estás.
  #3 (permalink)  
Antiguo 27/08/2010, 12:48
 
Fecha de Ingreso: agosto-2010
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 1
Respuesta: Cambiar imagen según la hora y el dia.

claro, tengo el metodo pero como lo declaro en el IF???
  #4 (permalink)  
Antiguo 27/08/2010, 14:51
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Cambiar imagen según la hora y el dia.

Hola

Sería algo como esto. Te hago un ejemplo

Código Javascript:
Ver original
  1. if (dia > 0 && dia < 6) { // valido el día
  2.  
  3. if (hora > 7 && hora < 9){ // valido la hora
  4.  
  5. if (minuto >10 && minuto <= 30) { // valido los minutos
  6. imagen="<?php echo get_template_directory_uri() ?>/imagen1.jpg";
  7. }
  8.  
  9. if (minuto > 30 && minuto <= 60) { // valido los minutos
  10. imagen="<?php echo get_template_directory_uri() ?>/imagen2.jpg";
  11. }
  12.  
  13. }
  14.  
  15. }
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: dia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:04.