 Buono sconto 4% su Toner e Cartucce agli utenti AZpoint. SU Iomiricarico.it!!
Dopo un utile scrips sul come visualizzare un diverso colore di sfondo in base all'ora, vediamo uno script simile con un'immagine al posto di un colore:
<script language="JavaScript">
<!--
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">')
}
// -->
</script>
</head>
<body>
L'esempio sopra mostrerà un'immagine come sfondo in base all'ora. L'esempio è diviso in quattro fasce orarie, dalle 24 alle 05.59.59, dalle 06 alle 11.59.59, dalle 12 alle 17.59.59, dalle 18 alle 23.59.59.
L'esempio è simile a quello per il bgcolor, sostituire il document.write
document.write('<body bgcolor="#000000" text="#FFFFFF">') con
document.write('<body background="immagine_notte.jpg">')
Questo esempio può essere utilizzato per visualizzare un'immagine diversa in base all'ora, sostituire il document.write:
document.write('<img src="immagine.jpg">')
ed inserire lo script nel punto dove vogliamo far visualizzare l'immagine.
Per aprire una finestra PopUp diversa in base all'ora, sostituire document.write con:
window.open("pagina.html","","top=100,left=100,width=200,height=200")
// dalle 24 alle 05.59.59
if (hr >=00 && hr < 06)
{
window.open("pagina_notte.html","","top=100,left=100,width=200,height=200")
}
L'esempio pratico aprirà la finestra contenente lo script per l'immagine di background in base all'orario, dentro lo script è aggiunta una riga che automaticamente aprirà la pagina con l'esempio per il bgcolor.
|
Shopping
