Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Hinweis: Die Website Homepage-FAQs.de befindet sich seit 2012 im Archivmodus, d.h. sie wird nicht mehr aktualisiert.
FAQS zu HP&Co.
Javascript - Bilderanzeige unterschiedlich je nach Jahreszeit / Tageszeit

User: Ich hätte es gerne, daß im Winter einmal zwischen Tag und Nacht unterschieden wird und im Sommer genauso, also insgesamt sollen 4 verschiedene Bilder angezeigt werden.


Hallo,

hier ein Javascript für Sommer/Winter

http://www.javarea.de/forum/showthre...threadid=10534

und eines für Tag/Nacht

http://www.web-toolbox.net/webtoolbo...-uhrzeit01.htm

wenn man mit etwas Überlegung beide verbindet, Teile entfernt und erweitern, dann sollte es doch klappen, bin allerdings kein Javascript-Programmierer, also korrigieren, falls etwas im Code unten falsch ist

HTML-Code:
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">

//************** Script von *************//
//http://www.javarea.de/forum/index.php3 //
//Suche//jpg je nach Jahreszeit anzeigen //
//erweitert um Teile aus der Seite von //
//http://www.web-toolbox.net/webtoolbox/ //
// bilder/bild-uhrzeit01.htm und zusammen//
//gefügt von http://www.homepage-faqs.de //
//***************************************//

var picsommertag = "st.jpg"; //Sommerbild-Tag
var picsommernacht = "sn.jpg"; //Sommerbild-Nacht
var picwintertag = "wt.jpg"; //Winterbild-Tag
var picwinternacht = "wn.jpg"; //Winterbild-Nacht

var SommerAnfang = 4; // 4 = Mai
var SommerEnde = 9; // 9 = Oktober

var SpanneStart = 6; //Tagesbeginn 6 = 6:00 Uhr
var SpanneStop = 18; //Tagesende 18 = 18:59 Uhr

var jetzt = new Date();
var Uhrzeit = jetzt.getHours();
var Monat = jetzt.getMonth();

if ((Monat >= SommerAnfang && Monat <= SommerEnde ) && (Uhrzeit >= SpanneStart && Uhrzeit <= SpanneStop)){
document.write("<img src=" + picsommertag + ">");
}

if ((Monat < SommerAnfang || Monat >
SommerEnde ) && (Uhrzeit >= SpanneStart && Uhrzeit <= SpanneStop)){
document.write("<img src=" + picwintertag + ">");
}

if ((Monat >
= SommerAnfang && Monat <= SommerEnde ) && (Uhrzeit < SpanneStart || Uhrzeit > SpanneStop)){
document.write("<img src=" + picsommernacht + ">");
}

if ((Monat < SommerAnfang || Monat > SommerEnde ) && (Uhrzeit < SpanneStart || Uhrzeit > SpanneStop)){
document.write("<img src=" + picwinternacht + ">");
}
</script>
</body></html>
Anmerkung: Nun sollte eigentlich auch die Umsetzung in PHP kein Problem mehr sein oder?

Edit: Ich habs getestet und nach einigen Korrekturen läuft es jetzt, in der Demo habe ich Gifs verwendet, siehe

http://www.homepage-faqs.de/test-jah...ahreszeit.html

daniel5959


Anleitung (C) 2006 Daniel Wurst - http://www.homepage-faqs.de