Fragen und Antworten » Forumshintergrundbild nach Uhrzeit wechseln

30.08.2014 19:31

Ludger
#1 Forumshintergrundbild nach Uhrzeit wechseln

ich versuche mit diesem Code den Forumshintergrund nach der Uhrzeit zu wechseln ( bisher nur 2 Bilder)

aber leider will er nicht funktionieren

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script type="text/javascript">
 
var currentTime = new Date()
 
    var hours = currentTime.getHours()
 
if (hours > 6 && hours <= 10){
 
        document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
 
    } else if(hours > 10 && hours <= 17) {
 
		document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
 
	} else if(hours > 17 && hours <= 19) {
 
		document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
 
	} else if(hours > 19 && hours <= 24){
 
		document.body.style.backgroundImage="url(https://files.homepagemodules.de/b214495/bhnetfiles_big-3pnj-2lh-7486.jpg)";
 
	} else if(hours > 24 && hours <= 6){
 
		document.body.style.backgroundImage="url(https://files.homepagemodules.de/b214495/bhnetfiles_big-3pnj-2lh-7486.jpg)";
}
 
 </script>
 

kann ihn bitte jemand "beleben" ..... danke

viele Grüße
Lud

Antworten

Beitrag melden

#2

30.08.2014 23:16

Olaf
#2 RE: Forumshintergrundbild nach Uhrzeit wechseln

Ol

Olaf

Zitat von Ludger im Beitrag #1
ich versuche mit diesem Code den Forumshintergrund nach der Uhrzeit zu wechseln ( bisher nur 2 Bilder)

aber leider will er nicht funktionieren

Du hast in Deinem Script ja auch nur 2 Hintergrundbilder geladen.
Außerdem sollte bei 24 Uhr noch eine "oder Abfrage" für die Null Uhr mit rein.Sonst wird für die Null Uhr Stunde nichts angezeigt.
So sieht es dann aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
var currentTime = new Date();
var hours = currentTime.getHours();
if (hours > 6 && hours <= 10){                        //von 7:00 bis 10:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
} 
else if(hours > 10 && hours <= 17) {                  //von 11:00 bis 17:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
} 
else if(hours > 17 && hours <= 19) {                  //von 18:00 bis 19:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)"; 
} 
else if(hours > 19 && hours <= 24 || hours <= 0){     //von 20:00 bis 00:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b214495/bhnetfiles_big-3pnj-2lh-7486.jpg)";
} 
else if(hours > 0 && hours <= 6){                     //von 1:00 bis 6:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b214495/bhnetfiles_big-3pnj-2lh-7486.jpg)"; 
}
</script>
 
 

Da Du nur zwei Hintergrundbilder für die Zeit von 7:00 bis 19:59 und von 20:00 bis 06:59 eingesetzt hast,kann das Script natürlich verkürzt werden:

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
var currentTime = new Date();
var hours = currentTime.getHours();
if (hours > 6 && hours <= 19){                        //von 7:00 bis 19:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b135428/a_134_23553ebc.jpg)";
}
else if(hours > 19 && hours 6{                        //von 20:00 bis 06:59
document.body.style.backgroundImage="url(https://files.homepagemodules.de/b214495/bhnetfiles_big-3pnj-2lh-7486.jpg)"; 
} 
</script>
 