Cambiare immagine in base all'ora

**hotel77** · 04-08-2003, 08:40

Devo realizzare una pagina nella quale, a seconda dell'ora, vengono caricate delle immagini diverse.
Ho così cercato su Google un tutorial che mi spiegasse come fare, ed ho trovato subito questo .

Il fatto è che io non voglio cambiare immagine ogni ora, ma solo 4 volte al giorno!
In pratica io ho 4 immagine e ne voglio visualizzare:
1 la mattina
1 il pomeriggio
1 la sera
1 la notte
Perciò ho bisogno di impostare 4 intervalli di tempo (da - a).

Utilizzando PHP e MySQL ovviamente è uno sciocchezza, ma come posso fare utilizzando Javascript? (visto che PHP+MySQL non mi è possibile?

**emerson74** · 04-08-2003, 10:36

qui c'è uno script che ti può aiutare, modificalo mettendo una immagne di sfondo al posto del bgcolor

http://www.html.it/jscript/background/background08.htm

**hotel77** · 04-08-2003, 10:48

Grasias emerson74.
Modifico lo script e poi ti faccio sapere.

**niko80** · 04-08-2003, 10:57

codice:

<html>
<body>
[img]logo.gif[/img] 
</body>
</html> 
<script language ="javascript">
mat = 6;
pom = 12;
ser = 19;
not = 24;     

data = new Date();
ora  = data.getHours();
alert(ora);

immagine = document.images['imag'];

if(ora>=mat && ora<pom) immagine.src="logo1.gif";
else if(ora>=pom && ora<ser) immagine.src="logo2.gif";
else if(ora>=ser && ora<not) immagine.src="logo3.gif";
else if(ora>=not && ora<mat) immagine.src="logo4.gif";
</script>

**hotel77** · 04-08-2003, 12:10

scusate, dov'è che sbaglio? nn funziona!

<html>
<head>
<script language ="javascript">
mat = 6;
pom = 12;
ser = 19;
not = 24;

data = new Date();
ora = data.getHours();

immagine = document.images['imag'];

if(ora>=mat && ora<pom) immagine.src="sfondo01.gif";
else if(ora>=pom && ora<ser) immagine.src="sfondo02.gif";
else if(ora>=ser && ora<not) immagine.src="sfondo03.gif";
else if(ora>=not && ora<mat) immagine.src="sfondo04.gif";
</script>

<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
[img]immagini/sfondo04.jpg[/img]
</body>
</html>

**niko80** · 04-08-2003, 12:14

metti tutto il blocco script a fondo pagina

<html>
</html>
<script>...</script>

**Mich_** · 04-08-2003, 12:19

else if(ora>=24 && ora<6)

Questo non e` mai verificato!!!

Inoltre quando definisci la variabile immagine, il tag imag non e` ancora stato definito, quindi non puo` funzionare.

La soluzione piu` pulita e` metter uttto in una funzione da chiamare all'onLoad:

codice:

 
<head>
<script language ="javascript">
function getimmag() {
  var mat = 6;
  var pom = 12;
  var ser = 19;
  var not = 24;

  var data = new Date();
  var ora = data.getHours();

  var immagine = document.images['imag'];

  if(ora>=mat && ora<pom) immagine.src="sfondo01.gif";
  else if(ora>=pom && ora<ser) immagine.src="sfondo02.gif";
  else if(ora>=ser && ora<not) immagine.src="sfondo03.gif";
  else immagine.src="sfondo04.gif";
}
</script>

<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body onLoad="getimmag();">
[img]immagini/sfondo04.jpg[/img]
</body>

Ciao
Michele

**niko80** · 04-08-2003, 12:22

già quell'if mi è scappato

**hotel77** · 04-08-2003, 13:35

ok. sembra che funzioni.
Provate a venire stasera a trovarmi nel mio blog .
Se ho fatto come mi avete indicato dovrebbe cambiare l'immagine principale.

Grazie ancora a tutti.

Discussione: Cambiare immagine in base all'ora

Strumenti discussione

Ricerca discussione

Visualizza

Cambiare immagine in base all'ora

Permessi di invio