Uhr sowie Tag und Nacht Bild

Hallo allerseits, ich habe in >>diesem Tutorial<< eure Uhr mit Tag und Nacht Bild Kopiert.

Der Code ist im Anhang unter "Code 1" zu finden. Jetzt ist mir aufgefallen das die Uhr garnicht läuft, sondern nur die Zeit des Laden anzeigt.

Daraufhin habe ich die Uhr selber aus dem Code ausgeschnitten, sodass nurnoch die beiden Bilder da sind.(Siehe Code 2)

Jetzt würde ich gerne mehrere Zeiten(insgesammt mind. 4 Zeiten) einfügen. Das habe ich dann dadurch gelöst, indem ich den "If Code"(siehe Code 3) dupliziert, so dass ich 3 Zeiten hatte. in der Übergangsstunde zwischen Zeit1 und Zeit 2 wurden dann plötzlich Bild von Zeit 1 UND 3 angezeigt. Ich habe es mit folgenden werten (in Code 4)probiert:

1. Versuch) Zeit 1(4>Stunde<=14), Zeit 2(14>Stunde<=19) & Zeit 3(else)
2. Versuch) Zeit 1(4>Stunde<=14), Zeit 2(15>Stunde<=19) & Zeit 3(else)

Jetzt meine Frage:
Was mache ich falsch? oder geht das nicht? und wenn nicht, dann kann ich eine Stunde zwischendrinn auslassen, sodass kein Bild angezeigt wird)

Gruß Lukas

PS: Ich habe noch eine Frage die sich zum Script heraus stellte, sie ist leider dadurch im falschen Forum(Link)

Code:

<script language="JavaScript">
 <!--
 var jetzt = new Date();
 var stunde = jetzt.getHours();
 if (stunde >= 4 && stunde <= 16) {
    document.write("<img height='150' width='250' src='Dein-Tag-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Hier Text eingeben</p>");
 }
 else {
    document.write("<img height='150' width='250' src='Dein-Nacht-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Hier Ein Text eingeben</p>");
 }
function Uhr_anzeigen(){
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = ((std < 10) ? "0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
// -->
</script>
<form NAME="uhr">
<input TYPE="text" NAME="zeit" SIZE=10 VALUE ="">
</form>
<SCRIPT LANGUAGE="JavaScript">
//<!--
Uhr_anzeigen();
//-->
</SCRIPT>

Code:

<script language="JavaScript">
 <!--
 var jetzt = new Date();
 var stunde = jetzt.getHours();
 if (stunde >= 4 && stunde <= 16) {
    document.write("<img height='150' width='250' src='Dein-Tag-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Hier Text eingeben</p>");
 }
 else {
    document.write("<img height='150' width='250' src='Dein-Nacht-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Hier Ein Text eingeben</p>");
 }

// -->
</script>

<SCRIPT LANGUAGE="JavaScript">
//<!--
Uhr_anzeigen();
//-->
</SCRIPT>

Code:


 if (stunde >= 4 && stunde <= 16) {
    document.write("<img height='150' width='250' src='Dein-Tag-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Hier Text eingeben</p>");
 }

Code:

<script language="JavaScript">
 <!--
 var jetzt = new Date();
 var stunde = jetzt.getHours();
 if (stunde >= 4 && stunde <= 14) {
    document.write("<img height='150' width='250' src='Dein-Tag-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Text 1</p>");
 }
 if (stunde >= 15 && stunde <= 19) {
    document.write("<img height='150' width='250' src='Dein-Mittags-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Text 2</p>");
 }
 else {
    document.write("<img height='150' width='250' src='Dein-Nacht-Bild-hier-ersetzen.jpg'>");
    document.write("<p>Text 3</p>");
 }

// -->
</script>

<SCRIPT LANGUAGE="JavaScript">
//<!--
Uhr_anzeigen();
//-->
</SCRIPT>

Hallo

das ist schon möglich, dass nacheinander auch mehrere Bilder gezeigt werden....du hast nur einen winzigen Fehler im Code...

es muss dann für jede zusätzlich eingetragene Zeitspanne so heißen:

Code:

else if (stunde >= 15 && stunde <= 19)

also das else muss davor gesetzt werden

ahhhhhhhhhhhhhhhhhhhhhh man, so viel mühe für ein Wort, naja

das heißt 1: if (stunde >= 4 && stunde <= 12)
2: else if (stunde >= 13 && stunde <= 16)
3: else if (stunde >= 17 && stunde <= 22)
4: else
stimmt das so, nur inhaltlich der zahlen
um punkt 17:00 ist dann 3, und 16:59 ist 2?

ja, das stimmt..

wenn es heißt:

Code:

 >=17

dann beginnt die Zeitzählung ab 17.00h, denn diese Zeichen bedeuten ja "größer" als 17 oder "gleich" 17