Cambiar imagen dependiendo de la hora del día

eMx · #1 (**permalink**) 03/07/2004, 14:41

Me gustaría saber si alguien tiene un código que hiciera que apareciera una imágen dependiendo de la hora del día. Es decir (por ejemplo) una a las 8:00, otra a las 12:00, otra a las 18:00, otra a las 22:00 y otra a las 00:00.

Muchas grácias.

Saludos.

GG · #2 (**permalink**) 03/07/2004, 20:53

En las Faqs hay algo parecido.
Mira este post
http://www.forosdelweb.com/showpost....&postcount=146

Ahí te dicen cómo colocar un saludo distinto dependiedo de la hora del día lo único que tienes que hacer para que sea en vez de saludo un cambio en la imagen es coloca algo así como

NombreDeLaImagen.src="foto.jpg"

Espero que te sirva

eMx · #3 (**permalink**) 04/07/2004, 06:28

Grácias por tu ayuda. El script es muy útil pero no sirve, ya que esta configurado para ser mensajes (document.write("<div align='center' style='font:bold 14px verdana;'>") que esta en la parte superior del script no se como modificarlo para que sirva para imágenes, lo he echo de varias formas pero no funciona).

Grácias de nuevo. Saludos.

KarlanKas · #4 (**permalink**) 04/07/2004, 07:54

Prueba con esto:

Código HTML:

<html>
<head>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
imagen="primera.jpg";
}

if(hora>7 && hora<12){
imagen="segunda.jpg";
}
if(hora>11 && hora<18){
imagen="tercera.jpg";
}
if(hora>17 && hora<24){
imagen="cuarta.jpg";
}
document.images["reloj"].src=imagen;
}
</script>
	<title>Untitled</title>
</head>

<body onload="cargarImagen()">
<img src="primera.jpg" name="reloj">


</body>
</html>

eMx · #5 (**permalink**) 04/07/2004, 23:17

Según veo en el código esta todo correcto. Sin embargo ahora mismo en España (donde yo vivo) son las 7:16 y si no entiendo mal ahí pone que de 7 a 12 sale la segunda (en la que tengo puesto para probar -imágenes de una web que no termine- fondo.gif), pero no se porque sale la primera (logo.gif). ¿Será que la segunda debe salir a las 12 o que se refiere a las 7 de la tarde?

Muchas gracias por la ayuda y por el script.

Saludos.

KarlanKas · #6 (**permalink**) 05/07/2004, 00:28

lo que dices no es del todo cierto. Si te fijas en el código poongo que si la hora es superior a siete e inferior a doce que salga una imagen determinada. Estamos hablando de horas, prescindimos de los minutos, por lo que las 7.30 las seguirá tomando como 7 porque sólo toma el número de la hora: el 7 y 7 no es superior a 7. No sé si me explico.

Por cierto, he cambiado el código porque con las 12 y las 18 pasaba que no había imagen que mostrar a esas horas, porque se deciía que si la hora era inferior a 18 (por ejemplo) que mostrara una imagen, y si era superior a 18 que mostrara otra, pero... ¿qué ocurriría si fueran las 18? Pues que no mostraría imagen. Ahora ya está corregido.

Espero que te sirva y que entiendas mis paupérrimas explicaciones.

Un saludo y bienvenid@ a los foros!

drummen15 · #7 (**permalink**) 05/07/2004, 00:29

Creo que hay una pequeña confusion en el segundo "if" dice que mayor que las 7 pero el primer if dice que menor a las 8 osea que siento que estan como que interponiendose o algo asi, seria que en el segundo if le pusieras ----- hora>8---- creo!!!!!

saludos!!

KarlanKas · #8 (**permalink**) 05/07/2004, 00:40

Vamos a ver:

Decidme los números naturales que estarían dentro del primer if

Código HTML:

if(hora<8){

pues: 0, 1, 2, 3, 4, 5, 6 y 7

porque se buscan números menores (no menores o iguales) que 8.

y en el segundo if ?

Código HTML:

if(hora>7 && hora<12){

Serían:

8, 9 ,10 y 11

porque se buscan números mayores (no mayores o iguales) o menores (no menores o iguales).

Con el tercer if

Código HTML:

if(hora>11 && hora<18){

pues serían:
12, 13, 14, 15, 16 y 17

y con el cuarto:

Código HTML:

if(hora>17 && hora<24){

18, 19, 20... 21, 22, 23

Como veis no se solapan los ifs. A ver si así ha quedado claro... el quiz de la cuestión está en uqe se buscan números mayores o menore, pero nunca mayores o iguales y menores o iguales.

colopsx · #9 (**permalink**) 03/09/2008, 15:14

Es un scripts muy bueno, y los condicionales están muy bien sincronizados. Hasta se puede, sin embargo modificar el script para poner una imagen por hora. Sencillo y complejo a la vez. La verdad que me sirvió muchísimo. Diez puntos!!!

FdSDesign · #10 (**permalink**) 10/01/2009, 19:26

Una consulta KarlanKas...(si queres ni te molestes) como seria el scripts si quiero que cambie de imagen por hora y dependiendo el dia??

gracias...

JoseTejada · #11 (**permalink**) 10/01/2009, 21:38

Ehmm buenas, valiendome del codigo anterior (Karlankas), que por cirto es muy bueno...para cambiar la imagen cada hora podria ser algo asi:

Código HTML:

<html>
<head>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
imagen="img/"+hora+".jpg";
document.images["reloj"].src=imagen;
}
</script>
	<title>Carga Imagen Por Hora</title>
</head>

<body onload="cargarImagen()">
<img src="img/1.jpg" name="reloj">

</body>
</html>

Espero les sea de utilidad...Bye :D...
P.D.: Se debe tener los nombre de las imagenes enumeradas del 0.jpg hasta el 23.jpg...Adios

DavidMix · #12 (**permalink**) 30/11/2010, 09:35

Hola, solo queria preguntar para ponerlo en minutos? por ejemplo poner una imagen de 16:30 a 18:30 seria para una emisora de radio.

Gracias.