Hallo Thomas,
die Lösung über document.write ist nicht "elegant", aber wenn nur beim Laden ein Element angepasst werden soll, ist es schon ok.
Wenn Du kein Bild siehst, ist entweder Javascript abgeschaltet, oder die URL des Bildes ist falsch. Setze mal vor das if ein alert("Javascript ist an! Stunde:"+hour);
Wenn Du den Hintergrund der ganzen Seite ändern möchtest, kannst Du den body-Tag mit document.write schreiben. Dann solltest du aber im <noscript>-Bereich ein "Default-Body" stehen haben:
<script type="text/javascript">
....
document.write("<body style='background-image:url(mit_js.gif)'>");
....
</script>
<noscript>
<body style='background-image:url(ohne_js.gif)'>
</noscript>
Das ist jetzt nicht getestet und soll nur als einfaches Beispiel dienen. Auch wirst du nicht umhin kommen, ein wenig Javascript-, HTML- und CSS-Basics zu lernen.
Alternativ und viel eleganter könntest du auch per "window.onload" eine Funktion starten, die zeitabhängig "document.body.style.backgroundImage" ändert, also im Kopf der Seite:
window.onload=function() {
... Zeitabfrage, if, ...
document.body.style.backgroundImage=...;
}
Um die Seite lokal testen zu können, setze entweder den Firefox ein (meine Empfehlung) oder siehe http://aktuell.de.selfhtml.org/artikel/sonstiges/markoftheweb/index.htm.
Gruß, Jürgen