Ciao, sto cercando un sistema per caricare come sfondo ad una pagina xhtml delle immagini differenti in base all'orario.
Ho provato questo questo script:
var data=new Date()
hr=data.getHours();
// dalle 24 alle 05.59.59
if (hr >=00 && hr < 06)
{
document.write('<body background="immagine_notte.jpg">')
}
// dalle 06 alle 11.59.59
if (hr >=06 && hr < 12)
{
document.write('<body background="immagine_mattina.jpg">')
}
// dalle 12 alle 17.59.59
if (hr >=12 && hr < 18)
{
document.write('<body background="immagine_pomeriggio.jpg">')
}
// dalle 18 alle 23.59.59
if (hr >=18 && hr < 24)
{
document.write('<body background="immagine_sera.jpg">')
}
Lo script funziona correttamente, solo che vorrei portare l'elemento sfondo sul css per poterne controllare i paramentri repeat ecc ecc
Ho provato in questo modo, senza risultati:
var data=new Date()
hr=data.getHours();
// dalle 24 alle 05.59.59
if (hr >=00 && hr < 06)
{
box.className = 'sfondo_1'
}
// dalle 06 alle 11.59.59
if (hr >=06 && hr < 12)
{
box.className = 'sfondo_2'
}
// dalle 12 alle 17.59.59
if (hr >=12 && hr < 18)
{
box.className = 'sfondo_3'
}
// dalle 18 alle 23.59.59
if (hr >=18 && hr < 24)
{
box.className = 'sfondo_4'
}
css
#box
{
background-color:#fff;
}
.sfondo_1
{
background-image:url('immagine_notte.jpg');
}
.sfondo_2
{
background-image:url('immagine_mattina.jpg');
}
.sfondo_3
{
background-image:url('immagine_pomeriggio.jpg');
}
.sfondo_3
{
background-image:url('immagine_sera.jpg');
}
xhtml
<div id="box"></div>
Qualcuno saprebbe darmi una mano? grazie.
Rispondi quotando
