Wolfi: Hintergrundbild, das sich passend zur Tageszeit verändert???

SELF-Forum

Hintergrundbild, das sich passend zur Tageszeit verändert???

Wolfi
– Informationen zu den Bewertungsregeln

Hi.

Ich habe hier ein JavaScript, dass ein bestimmtes Bild auf der Website passend zur Tageszeit verändert.
Nun habe ich probiert, mit diesem Script das Background-Bild passend zur Tageszeit zu verändern. Aber irgendwie funktioniert es nicht. Bitte helft mir!

Ich habe lediglich den <img src>-Tag mit dem <body>-Tag ausgetauscht.
So sieht das Script aus... was ist falsch bzw. wie bringe ich es zum laufen?

<html>
<head>
<title></title>
</head>
<script language="JavaScript">
<!--
  today = new Date()
    if(today.getMinutes() < 10){
        pad = "0"}
    else
    pad = "";
  document.write    ;if((today.getHours() >=6) && (today.getHours() <11)){
document.write("<body background="border1.png" bgproperties=fixed>") //nach 6 Uhr bis 11 Uhr
}
   if((today.getHours() >=11) && (today.getHours() <13)){
document.write("<body background="border2.png" bgproperties=fixed>") //nach 11 Uhr bis 13 Uhr
}
    if((today.getHours() >=13) && (today.getHours() <18)){
document.write("<body background="border3.png" bgproperties=fixed>") // nach 12 Uhr bis 16 Uhr
}
    if((today.getHours() >=18) && (today.getHours() <23)){
document.write("<body background="border4.png" bgproperties=fixed>") //nach 17 Uhr bis 23 Uhr
}
    if((today.getHours() >=23) && (today.getHours() <24)){
document.write("<body background="border1.png" bgproperties=fixed>")
}
    if((today.getHours() >=0) && (today.getHours() <4)){
document.write("<body background="border1.png" bgproperties=fixed>")
}
    if((today.getHours() >=4) && (today.getHours() <6)){
document.write("<body background="border1.png" bgproperties=fixed>")
}
//-->
</script>
</body>
</html>

Danke schon mal im Voraus.
MfG,
Wolfi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hintergrundbild, das sich passend zur Tageszeit verändert???

    Peter_GR
    – Informationen zu den Bewertungsregeln

    Hi.

    Ich habe hier ein JavaScript, dass ein bestimmtes Bild auf der Website passend zur Tageszeit verändert.
    Nun habe ich probiert, mit diesem Script das Background-Bild passend zur Tageszeit zu verändern. Aber irgendwie funktioniert es nicht. Bitte helft mir!

    Ich habe lediglich den <img src>-Tag mit dem <body>-Tag ausgetauscht.
    So sieht das Script aus... was ist falsch bzw. wie bringe ich es zum laufen?

    Es sind ein paar Fehler drin.

    <html>
    <head>
    <title></title>
    </head>
    <script language="JavaScript">
    <!--
      today = new Date()
        if(today.getMinutes() < 10){
            pad = "0"}

    Wofür brauchst du die Variable pad? Immer wenn es 10 nach ist oder wie?

    else

    nach dem else fehlt die Klammer {

    pad = "";
      document.write    ;if((today.getHours() >=6) && (today.getHours() <11)){

    das "document.write    ; fällt raus!!

    document.write("<body background="border1.png" bgproperties=fixed>") //nach 6 Uhr bis 11 Uhr

    Javascript kriegt Probleme wenn mann mit den Anführungszeichen nicht aufpaat. Bei deiner Version "denkt" Javascript: nach dem background= ist die Anweisung zu Ende. Doch das ist nicht der Fall. Deshalb muss man stattdessen ein Apostroph benutzen. Also 'border1.png' !!!

    }
       if((today.getHours() >=11) && (today.getHours() <13)){
    document.write("<body background="border2.png" bgproperties=fixed>") //nach 11 Uhr bis 13 Uhr
    }
        if((today.getHours() >=13) && (today.getHours() <18)){
    document.write("<body background="border3.png" bgproperties=fixed>") // nach 12 Uhr bis 16 Uhr
    }
        if((today.getHours() >=18) && (today.getHours() <23)){
    document.write("<body background="border4.png" bgproperties=fixed>") //nach 17 Uhr bis 23 Uhr
    }
        if((today.getHours() >=23) && (today.getHours() <24)){
    document.write("<body background="border1.png" bgproperties=fixed>")
    }
        if((today.getHours() >=0) && (today.getHours() <4)){
    document.write("<body background="border1.png" bgproperties=fixed>")
    }
        if((today.getHours() >=4) && (today.getHours() <6)){
    document.write("<body background="border1.png" bgproperties=fixed>")
    }

    und die Klammer } um else wieder zu zu machen fehlt.

    //-->
    </script>
    </body>
    </html>

    Jetzt müsste das gehen.

    Danke schon mal im Voraus.
    MfG,
    Wolfi

    Bitte!

    --------------- ZUM VERGLEICHEN --------
    <html>
    <head>
    <title></title>
    </head>
    <script language="JavaScript">
    <!--
      today = new Date()
        if(today.getMinutes() < 10){
            pad = "0"}
        else{
        pad = "";
    if((today.getHours() >=6) && (today.getHours() <11)){
    document.write("<body background='border1.png' bgproperties=fixed>") //nach 6 Uhr bis 11 Uhr
    }
       if((today.getHours() >=11) && (today.getHours() <13)){
    document.write("<body background='border2.png' bgproperties=fixed>") //nach 11 Uhr bis 13 Uhr
    }
        if((today.getHours() >=13) && (today.getHours() <18)){
    document.write("<body background='border3.png' bgproperties=fixed>") // nach 12 Uhr bis 16 Uhr
    }
        if((today.getHours() >=18) && (today.getHours() <23)){
    document.write("<body background='border4.png' bgproperties=fixed>") //nach 17 Uhr bis 23 Uhr
    }
        if((today.getHours() >=23) && (today.getHours() <24)){
    document.write("<body background='border1.png' bgproperties=fixed>")
    }
        if((today.getHours() >=0) && (today.getHours() <4)){
    document.write("<body background='border1.png' bgproperties=fixed>")
    }
        if((today.getHours() >=4) && (today.getHours() <6)){
    document.write("<body background='border1.png' bgproperties=fixed>")
    }
    }
    //-->
    </script>
    </body>
    </html>
    -------------ENDE---------------

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Hintergrundbild, das sich passend zur Tageszeit verändert???

      Wolfi
      – Informationen zu den Bewertungsregeln

      Wow, danke für diese extrem schnelle und ausführliche Antwort.
      Ich habe nun das korrekte Script in die Site eingefügt... aber es funktioniert immer noch nicht. Die Dateinamen stimmen auch, aber der Browser zeigt einfach gar kein Hintergrundbild an :-(

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Hintergrundbild, das sich passend zur Tageszeit verändert???

        Wolfi
        – Informationen zu den Bewertungsregeln

        Es hat sich erledigt.
        Ich habe es doch noch hinbekommen.
        DANKE!

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln