Kalender mit Uhrzeit und Feiertagen

Das folgende Javascipt von unserem User Cello zeigt euch einen Kalender mit Uhrzeit an.

Der aktuelle Tag wird dabei farbig hervorgehoben. Alle 3 Sekunden wird im oberen Feld zwischen Uhrzeit, Datum und einer weiteren Info gewechselt, die Feiertage und Ereignisse anzeigt.

Die Feiertage sind mitten im Script definiert und sollten von euch nur angepasst werden, wenn ihr wisst was ihr da tut. Ansonsten kann es vorkommen, dass das Script anschließend nicht mehr funktioniert.

<!-- präsentiert von kostenlose-javascripts.de --> <form name="redtab" id="redtab"> <input type="text" name="redfens" id="TTime" size="35" /> </form> <form name="Formular"> <input type="hidden" id="Eingabe" name="Uhrzeit" readonly="readonly" /> </form> <script type='text/javascript'> <!-- var Datum=new Date(); var Tag=Datum.getDate(); var Monat=Datum.getMonth(); var Monat1=Monat+1; var Jahr=Datum.getYear(); var AT=Tag+"."+Monat1; //AT fuer aktueller Tag+Monat (unten fuer die Anlässe des aktuellen Tages zuständig[Feiertag/besondere Daten]) var AD=Tag+"."+Monat1+""+Jahr; //AD fuer aktuelles Datum (Tag+Monat+Jahr)..." " " if (Jahr<1900) { Jahr+=1900; } //den Monaten Namen geben!(für die Box oben) if (Monat1 == 1)Monat1="Januar"; else if (Monat1 == 2)Monat1="Februar"; else if (Monat1 == 3)Monat1="März"; else if (Monat1 == 4)Monat1="April"; else if (Monat1 == 5)Monat1="Mai"; else if (Monat1 == 6)Monat1="Juni"; else if (Monat1 == 7)Monat1="Juli"; else if (Monat1 == 8)Monat1="August"; else if (Monat1 == 9)Monat1="September"; else if (Monat1 == 10)Monat1="Oktober"; else if (Monat1 == 11)Monat1="November"; else if (Monat1 == 12)Monat1="Dezember"; var Kopf=" "+Monat1+" "+Jahr+""; //Wochentag des 1. des Monats Datum.setDate(1); var A=Datum.getDay(); if(A == 0)A=7; document.write("<table width='15%' border='1' bordercolor='#000000' cellpadding='0' cellspacing='2'>"); document.write("<tr bgcolor='blue'><th><font color='#FFFF00'>Mo</font><th><font color='#FFFF00'>Di</font><th><font color='#FFFF00'>Mi</font><th><font color='#FFFF00'>Do</font><th><font color='#FFFF00'>Fr</font><th><font color='#FFFF00'>Sa</font><th><font color='#FF0000'>So</font></tr>"); document.write("<tr>"); //erste Zeile for(var B=1; B<A; B++) { document.write("<td>"); } for(B=1; B<32; B++) { Datum.setDate(B); if(Datum.getMonth() != Monat)break; if(B == Tag) { //der aktuelle Tag document.write("<td bgcolor='#FFFF00'>", B, ""); } else { document.write("<td>",B); } A++; if(A > 7) { document.write("</tr><tr>"); A=1; } } document.write("</tr></table>"); //--> //Ende des Kalenderteils //Beginn des Uhrbereiches //die Uhr sie wird im Feld alle 9 sek aktuallisiert(die aktuelle Zeit wird in das Feld gesschrieben) ! function Uhr_anzeigen() { var Dat = new Date(); var std = Dat.getHours() var min = Dat.getMinutes() var sec = Dat.getSeconds() Zeit = ((std < 10) ? " 0" : " ") + std Zeit += ((min < 10) ? ":0" : ":") + min Zeit += ((sec < 10) ? ":0" : ":") + sec Zeit += " Uhr" document.getElementById('Eingabe').value = Zeit timerid = setTimeout("Uhr_anzeigen()",1000) } //Ende des Uhrbereiches //Anfang des "Feiertagsberiech" //Die Tagesnews (Feiertag/besondere Daten) //Wenn die Variable AT z.B.: 24.12 ist dann schreibe: Es ist Heiligabend //Zuerst der Tag dann ein Punkt und dann der Monat //Neue Daten fügt man so ein: else if (AT == Datum(1.1 oder 24.12 oder 5.6)Info="Hier steht der Text der an diesem Tag im Kächtchen mit der Uhrzeit stehen soll!"; //Hier stehen bis jetzt nur festen Feiertage + wenige andere Dinge z.B.:Beginn der Sommerzeit if (AT == 1.1)Info="Neujahr"; else if (AT == 6.1)Info="Heilige Drei Könige"; else if (AT == 14.2)Info="Valentinstag"; else if (AT == 8.3)Info="Weltfrauentag"; else if (AT == 20.3)Info="Frühlinsanfang"; else if (AT == 25.3)Info="Mariä Verkündigung"; else if (AT == 29.3)Info="Judika: Beginn der Sommerzeit"; else if (AT == 1.5)Info="Maifeiertag"; else if (AT == 9.5)Info="Europatag"; else if (AT == 10.5)Info="Muttertag"; else if (AT == 21.6)Info="Sommeranfang"; else if (AT == 11.9)Info="11. September 2001 war der Anschlag auf das 'World Trade center'"; else if (AT == 20.9)Info="Weltkindertag"; else if (AT == 22.9)Info="Herbstanfang"; else if (AT == 3.10)Info="Tag der Deutschen Einheit"; else if (AT == 16.10)Info="Welternährungstag"; else if (AT == 25.10)Info="Ende der Sommerzeit"; else if (AT == 30.10)Info="Weltspartag"; else if (AT == 31.10)Info="Halloween"; else if (AT == 1.11)Info="Allerheiligen"; else if (AT == 11.11)Info="Martinstag+ Karnevalls Beginn"; else if (AT == 18.11)Info="Buß- und Bettag"; else if (AT == 21.12)Info="Winteranfang"; else if (AT == 23.12)Info="Morgen ist Heiligabend!"; else if (AT == 24.12)Info="Heiligabend"; else if (AT == 25.12)Info="1. Weihnachtsfeiertag"; else if (AT == 26.12)Info="2. Weihnachtsfeiertag"; else if (AT == 31.12)Info="Silvester"; //Wenn nichts zu dem Tag steht wird folgende Nachricht angezeigt: else Info="Leider ist für heute nichts eingetragen"; //Ende des "Feiertagsbereich" //Anfang des Bereiches fuer Tag+Monat+Jahr //hierarschisch übergeordnet ist nun Tag+Monat+Jahr (wenn an jedem 24.12 immer die Nachricht X und nun in dieser Liste steht 24.12.2009 Y steht am 24.12.2009 die Nachricht Y und nicht X aber an den anderen 24.12 steht weiterhin die Nachricht X) //Monat von Jahr kann man leider nicht trennen! sorry! //Tag.MonatJahr also 24.122008 if (AD == 15.82009)Info="Mariä Himmelfahrt"; //Ende des Bereiches fuer Tag+Monat+Jahr //Anfang des Bereiches für die Textbox ueber dem Kalender //Festlegung der Variablen var spr=new Array; spr[0]=""+Kopf+""; spr[1]=""+Info+""; // function rede() { num=Math.floor(2*Math.random()); document.redtab.redfens.value = spr[num]; window.setTimeout("rede()",3000); } window.setTimeout("rede()",3000); function Uhr_Feld() { var Ergebnis = ""+document.Formular.Eingabe.value+""; document.getElementById('TTime').value = Ergebnis; timerid = setTimeout("Uhr_Feld()",9001) } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/datum-und-uhrzeit/kalender-mit-uhrzeit-und-feiertagen/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">Uhr_anzeigen();Uhr_Feld();</script> <!-- präsentiert von kostenlose-javascripts.de -->