Forum - Weltzeituhr - Verschiedene Zeiten anzeigen

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Weltzeituhr - Verschiedene Zeiten anzeigen

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Weltzeituhr - Verschiedene Zeiten anzeigen datum

04.11.2014 13:26 (zuletzt bearbeitet: 05.11.2014 21:11)

Hi
Ich möchte auf meine Webseite verschiedene Zeiten von Länder angezeigt bekommen.
Das "Grundgerüst" steht schon.
Wie mache ich das?
So soll das hinter aussehen:

Antworten

#2 | RE: Weltzeituhr - Verschiedene Zeiten anzeigen datum

04.11.2014 19:10 (zuletzt bearbeitet: 08.11.2014 10:55)

Magister

Informationen anzeigen

Beitr�ge:	91
Punkte:	91
Registriert seit:	03.04.2008

Homepage:	Link
Board Nr:
Likes	14

Ich bin schon ein Stück weiter. Eine Stadt wird mir angezeigt, durch folgendem Script:

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
29
 
<script language="JavaScript"> 
function uhr() { 
var Datum = new Date();
var Tag = Datum.getDate();
var Monat = Datum.getMonth() + 1;
var Jahr = Datum.getFullYear();
var Stunden = Datum.getHours() -6;
var Minuten = Datum.getMinutes();
var Sekunden = Datum.getSeconds();
if (Stunden <10) {Stunden= "0" + String(Stunden);}
if (Minuten <10) {Minuten= "0" + String(Minuten);}
if (Sekunden <10){Sekunden= "0" + String(Sekunden);}
if (Monat <10){Monat= "0" + String(Monat);}
if (Tag <10) {Tag= "0" + String(Tag);}
       
document.getElementById("welt1").innerHTML = Tag + "." + Monat + "." + Jahr + " <br/> " + Stunden + ":" + Minuten + ":" + Sekunden + " Uhr";
timerID = setTimeout("uhr()",1000)
}
window.addEventListener("load", uhr);
</script>
<table>
<tr>
<td width="116" align="center">
 
<div style="font-size:16px;color:#777777;font-weight:bold;">New York</div><div id="welt1" style="font-size:12px;color:#777777;font-weight:bold;"></div>
 
</td>
</tr>
</table>
 

Schlie�en

Wenn ich die zweite Stadt mir anzeigen lassen will, klappt das nicht. Ich habe die "id" auch schon geändert.

Antworten

#3 | Weltzeituhr mit JavaScript und Datum datum

05.11.2014 20:57 (zuletzt bearbeitet: 28.07.2019 08:12)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

Weltzeituhr mit JavaScript und Datum
Aktualisiert 28.07.19

Hallo Magister,
habe das Skript fertig...Die Weltzeit mit Datum.

Bei dem folgenden Script habe ich mich an Deiner Grafik orientiert.
Ganz oben ist die Aktuelle Zeit mit Wochentag, Tag, Monat, Jahr, Stunde Minute und Sekunde eingefügt.
Wahlweise kann der Wochentag und der Monat ausgeschrieben oder nur als Zahlenfolge angezeigt werden.
Das Script ist so aufgebaut, dass alle Zeitverschiebungen mit ganzer Stunde berücksichtigt worden sind. Es lassen sich ohne weiteres Orte entfernen und hinzufügen!
Die aktuelle, lokale Zeit ist synchron mit der Zeit auf dem Rechner.
Es sind 15 Städte auf der Weltzeituhr zu sehen. Hier wird die Stunde, Minute, Sekunde und das Datum angezeigt.

New York
Sao Poulo
Hongkong
Tokio
Sydney
Melbourne
Ottawa
Moscow
Rom
Peking
Los Angeles
Istanbul
Casa Blanca
Mexico
GMT (Greenwich Mean Time)

Das Script kann an jede beliebige Stelle im Forum gesetzt werden
Das Script funktioniert auch unter "Admin > Layout > Kopf- &Fußzeile" (ohne Eingriff ins Template)
Die aktuelle Zeit, die Weltzeit und die Greenwich Mean Time lassen sich über die CSS separat formatieren
Wochentag und Monat in Zahlen (Anfängliche Schrägstriche // in Zeile 88 entfernen, in Zeile 85 hinzufügen)

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
 
<style type="text/css">
.background_time{background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg);padding:12px 10px 10px 10px;max-width:1000px;text-align:center;}
#local{font-weight:bold;text-align:center;color:#ffffff;padding-bottom:10px;font-size:15px;}
.timex {text-align:center;color:#ffffff;font-size:11px;padding:2px;}
.timex div {text-align:center;color:#ffffff;font-size:11px;padding:2px;}
.time100 {text-align:center;color:#aaffff;font-size:11px;padding:2px;}
.time100 div {text-align:center;color:#aaffff;font-size:11px;padding:2px;}
</style>
 
<SCRIPT LANGUAGE="JavaScript">
function WorldTime() { 
var date = new Date();
var stunden = date.getHours();
var minuten = date.getMinutes();
var sekunden = date.getSeconds();
var tag = date.getDate();
var monatDesJahres = date.getMonth();
var monatNum = date.getMonth()+1;
var jahr = date.getFullYear();
var tagInWoche = date.getDay();
var wochentag = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag");
var monat = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
 
var gmt = (stunden + date.getTimezoneOffset()/60);
 
var MinSek = ":" + IfNull(minuten) + ":" +  IfNull(sekunden);
 
//Zeitverschiebung Stunden 
var timeGMT1   = checkTime24((gmt+1)  > 24 ? (gmt-23) : (gmt+1));  //GMT+1
var timeGMT2   = checkTime24((gmt+2)  > 24 ? (gmt-22) : (gmt+2));  //GMT+2
var timeGMT3   = checkTime24((gmt+3)  > 24 ? (gmt-21) : (gmt+3));  //GMT+3
var timeGMT4   = checkTime24((gmt+4)  > 24 ? (gmt-20) : (gmt+4));  //GMT+4
var timeGMT5   = checkTime24((gmt+5)  > 24 ? (gmt-19) : (gmt+5));  //GMT+5
var timeGMT6   = checkTime24((gmt+6)  > 24 ? (gmt-18) : (gmt+6));  //GMT+6
var timeGMT7   = checkTime24((gmt+7)  > 24 ? (gmt-17) : (gmt+7));  //GMT+7
var timeGMT8   = checkTime24((gmt+8)  > 24 ? (gmt-16) : (gmt+8));  //GMT+8
var timeGMT9   = checkTime24((gmt+9)  > 24 ? (gmt-15) : (gmt+9));  //GMT+9
var timeGMT10  = checkTime24((gmt+10) > 24 ? (gmt-14) : (gmt+10)); //GMT+10
var timeGMT11  = checkTime24((gmt+11) > 24 ? (gmt-13) : (gmt+11)); //GMT+11
var timeGMT12  = checkTime24((gmt+12) > 24 ? (gmt-12) : (gmt+12)); //GMT+12
var timeGMTx12 = checkTime24((gmt+12) > 24 ? (gmt-12) : (gmt+12)); //GMT-12
var timeGMTx11 = checkTime24((gmt+13) > 24 ? (gmt-11) : (gmt+13)); //GMT-11
var timeGMTx10 = checkTime24((gmt+14) > 24 ? (gmt-10) : (gmt+14)); //GMT-10
var timeGMTx9  = checkTime24((gmt+15) > 24 ? (gmt-9)  : (gmt+15)); //GMT-9
var timeGMTx8  = checkTime24((gmt+16) > 24 ? (gmt-8)  : (gmt+16)); //GMT-8
var timeGMTx7  = checkTime24((gmt+17) > 24 ? (gmt-7)  : (gmt+17)); //GMT-7
var timeGMTx6  = checkTime24((gmt+18) > 24 ? (gmt-6)  : (gmt+18)); //GMT-6
var timeGMTx5  = checkTime24((gmt+19) > 24 ? (gmt-5)  : (gmt+19)); //GMT-5
var timeGMTx4  = checkTime24((gmt+20) > 24 ? (gmt-4)  : (gmt+20)); //GMT-4
var timeGMTx3  = checkTime24((gmt+21) > 24 ? (gmt-3)  : (gmt+21)); //GMT-3
var timeGMTx2  = checkTime24((gmt+22) > 24 ? (gmt-2)  : (gmt+22)); //GMT-2
var timeGMTx1  = checkTime24((gmt+23) > 24 ? (gmt-1)  : (gmt+23)); //GMT-1
 
var timeGMT    = checkTime24(gmt+24); //Greenwich Mean Time - GMT
 
//Zeitverschiebung Datum
var dateGMT1   = tag + ((gmt+1)  >= 24 ? 1 :  0); //GMT+1
var dateGMT2   = tag + ((gmt+2)  >= 24 ? 1 :  0); //GMT+2
var dateGMT3   = tag + ((gmt+3)  >= 24 ? 1 :  0); //GMT+3
var dateGMT4   = tag + ((gmt+4)  >= 24 ? 1 :  0); //GMT+4
var dateGMT5   = tag + ((gmt+5)  >= 24 ? 1 :  0); //GMT+5
var dateGMT6   = tag + ((gmt+6)  >= 24 ? 1 :  0); //GMT+6
var dateGMT7   = tag + ((gmt+7)  >= 24 ? 1 :  0); //GMT+7
var dateGMT8   = tag + ((gmt+8)  >= 24 ? 1 :  0); //GMT+8
var dateGMT9   = tag + ((gmt+9)  >= 24 ? 1 :  0); //GMT+9
var dateGMT10  = tag + ((gmt+10) >= 24 ? 1 :  0); //GMT+10
var dateGMT11  = tag + ((gmt+11) >= 24 ? 1 :  0); //GMT+11
var dateGMT12  = tag + ((gmt+11) >= 24 ? 1 :  0); //GMT+12
var dateGMTx12 = tag + ((gmt-12) >=  0 ? 0 : -1); //GMT-12
var dateGMTx11 = tag + ((gmt-11) >=  0 ? 0 : -1); //GMT-11
var dateGMTx10 = tag + ((gmt-10) >=  0 ? 0 : -1); //GMT-10
var dateGMTx9  = tag + ((gmt-9)  >=  0 ? 0 : -1); //GMT-9
var dateGMTx8  = tag + ((gmt-8)  >=  0 ? 0 : -1); //GMT-8
var dateGMTx7  = tag + ((gmt-7)  >=  0 ? 0 : -1); //GMT-7
var dateGMTx6  = tag + ((gmt-6)  >=  0 ? 0 : -1); //GMT-6
var dateGMTx5  = tag + ((gmt-5)  >=  0 ? 0 : -1); //GMT-5
var dateGMTx4  = tag + ((gmt-4)  >=  0 ? 0 : -1); //GMT-4
var dateGMTx3  = tag + ((gmt-3)  >=  0 ? 0 : -1); //GMT-3
var dateGMTx2  = tag + ((gmt-2)  >=  0 ? 0 : -1); //GMT-2
var dateGMTx1  = tag + ((gmt-1)  >=  0 ? 0 : -1); //GMT-1
 
var dateGMT    = tag; //Greenwich Mean Time - GMT
 
//AkuelleZeit mit Datum - Wochentag und Monat ausgeschrieben
document.getElementById('local').innerHTML = wochentag[tagInWoche] + ", " + IfNull(tag) + ". " + monat[monatDesJahres] + " " + jahr + " - " + IfNull(stunden) + ":" + IfNull(minuten) + ":" + IfNull(sekunden);
 
//AkuelleZeit mit Datum - Wochentag und Monat in Zahlen
//document.getElementById('local').innerHTML = IfNull(tag) + ". " + IfNull(monatNum) + ". " + jahr + " - " + IfNull(stunden) + ":" + IfNull(minuten) + ":" + IfNull(sekunden);
 
//Weltzeiten
document.getElementById('time1').innerHTML  = IfNull(dateGMTx5) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTx5) + MinSek; //New York GMT-5
document.getElementById('time2').innerHTML  = IfNull(dateGMTx2) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTx2) + MinSek; //Sao Poulo GMT-2 
document.getElementById('time3').innerHTML  = IfNull(dateGMT8)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT8)  + MinSek; //Hong Kong GMT+8
document.getElementById('time4').innerHTML  = IfNull(dateGMT9)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT9)  + MinSek; //Tokio GMT+9
document.getElementById('time5').innerHTML  = IfNull(dateGMT10) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT10) + MinSek; //Sydney GMT+10
document.getElementById('time6').innerHTML  = IfNull(dateGMT10) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT10) + MinSek; //Melbourne GMT+10
//document.getElementById('time7').innerHTML  = IfNull(dateGMTx5) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTx5) + MinSek; //Ottawa GMT-5
document.getElementById('time8').innerHTML  = IfNull(dateGMT3)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT3)  + MinSek; //Moscow GMT+3
document.getElementById('time9').innerHTML  = IfNull(dateGMT1)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT1)  + MinSek; //Rom GMT+1
document.getElementById('time10').innerHTML = IfNull(dateGMT8)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT8)  + MinSek; //Peking GMT+8
document.getElementById('time11').innerHTML = IfNull(dateGMTx8) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTx8) + MinSek; //Los Angeles GMT-8
document.getElementById('time12').innerHTML = IfNull(dateGMT2)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT2)  + MinSek; //Istanbul GMT+2
document.getElementById('time13').innerHTML = IfNull(dateGMT)   + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT)   + MinSek; //Casa Blanca GMT
document.getElementById('time14').innerHTML = IfNull(dateGMTx6) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTx6) + MinSek; //Mexico GMT-6
 
document.getElementById('time100').innerHTML = IfNull(dateGMT) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT) + MinSek; //GMT - Greenwich Mean Time - London
 
setTimeout("WorldTime()", 1000);
}
 
function IfNull(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function checkTime24(hour) {
return (hour >= 24) ? hour -24 : hour;
}
 
window.onload = WorldTime;
</script>
 
 
<!-- Uhr kommt zur Anzeige -->
<center>
<div class="background_time">
<table width="100%" align="center">
<tr>
<td colspan="16" id="local"></td>
</tr>
<tr>
<td class="timex">New York<br><div id="time1"></div></td> 
<td class="timex">Sao Poulo<br><div id="time2"></div></td> 
<td class="timex">Hong Kong<br><div id="time3"></div></td> 
<td class="timex">Tokio<br><div id="time4"></div></td> 
<td class="timex">Sydney<br><div id="time5"></div></td> 
<td class="timex">Melbourne<br><div id="time6"></div></td> 
<!-- <td class="timex">Ottawa<br><div id="time7"></div></td> -->
<td class="timex">Moscow<br><div id="time8"></div></td> 
<td class="timex">Rom<br><div id="time9"></div></td> 
<td class="timex">Peking<br><div id="time10"></div></td> 
<td class="timex">Los Angeles<br><div id="time11"></div></td> 
<td class="timex">Istanbul<br><div id="time12"></div></td> 
<td class="timex">Casa Blanca<br><div id="time13"></div></td> 
<td class="timex">Mexico<br><div id="time14"></div></td>
 
<td class="time100">GMT<br><div id="time100"></div></td> 
 
</tr>
</table>
</div>
</center>
 

Schlie�en

So sieht die Weltzeituhr in Aktion aus: Weltzeituhr mit JavaScript und Datum

Zeitzonenrechner:
Zeitverschiebung
Zeitzonenkarte

Zu beachten:
Zeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann und gutes Gelingen

Wolfgang

Antworten

#4 | Weltzeituhr mit JavaScript - Städte und Länder hinzufügen oder entfernen datum

08.11.2014 13:30 (zuletzt bearbeitet: 28.07.2019 08:35)

Weltzeituhr mit JavaScript - Städte und Länder hinzufügen oder entfernen
Aktualisiert 28.07.19

Sollen bestimmte Weltzeituhren hinzugefügt oder gelöscht werden, muss einiges beachtet werden.
Über die CSS können die Weltzeituhren beliebig formatiert werden.

Ich habe das Skript noch einmal umgeschrieben und die Variablen erweitert (oben bereits aktualisiert).
Änderungen an der Weltzeituhr lassen sich dadurch besser umsetzen.

Eine bestimmte Stadt, ein bestimmtes Land entfernen:

Unter //Weltzeiten im Script die komplette Zeile (document.getElement... ) für die entsprechende Stadt, das entsprechende Land löschen.
Unter  die komplette Zeile (<td class="time100">GMT.... ) für die entsprechende Stadt, das entsprechende Land löschen.

• London / GMT wird aus der Weltzeituhr entfernt!

*
<SCRIPT LANGUAGE="JavaScript">
*
//Weltzeiten
*
document.getElementById('time100').innerHTML = IfNull(dateGMT) + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMT) + MinSek; //GMT - Greenwich Mean Time - London

*
</script>

<!-- Uhr kommt zur Anzeige -->
*
<td class="time100">GMT<br><div id="time100"></div></td> 
*

Schlie�en

Eine bestimmte Stadt, ein bestimmtes Land hinzufügen

Unter //Weltzeiten im Script eine komplette Zeile mit (document.getElement... ) kopieren.
Hinter "dateGMT" und "timeGMT" die Zeitverschiebung eintragen.
Ein "x" steht für ein negatives Vorzeichen der Zeitverschiebung.
Neue "id" "('time...')" vergeben. Keine ID darf doppelt sein! Am besten fortlaufend erhöhen.
Unter  eine komplette Zeile mit (<td class="timex">Mexico.... ) kopieren.
Namen der Stadt, des Landes ändern.
Neue "id" in id="time...." übernehmen.

• Rio De Janeiro GMT-2 wird in die Weltzeituhr eingefügt!
• Neue "id" ist time15!

*
<SCRIPT LANGUAGE="JavaScript">
*
//Weltzeiten
*
document.getElementById('time15').innerHTML = IfNull(dateGMTx2) + "." + monatDesJahres + "." + jahr + "<br>" + IfNull(timeGMTx2) + MinSek; //GMT-2  Rio De Janeiro
*
</script>

<!-- Uhr kommt zur Anzeige -->
*
<td class="timex">Rio De Janeiro<br><div id="time15"></div></td>
*

Schlie�en

Eine bestimmte Stadt, ein bestimmtes Land mit einer 1/2 Stunde Zeitverschiebung hinzufügen

Beispiel Indien (GMT5.5).
Unter //Weltzeiten im Script eine komplette Zeile mit (document.getElement... ) kopieren.
MinSek durch ":" + IfNull(timeGMTm...) + ":" + IfNull(sekunden) ersetzen
Hinter "dateGMT..", "timeGMTs..", "timeGMTm.." die Zeitverschiebung eintragen.
Zeitverschiebungen mit einer halben Stunde bekommen noch die Ziffer "5" angehängt.
Ein "x" steht für ein negatives Vorzeichen der Zeitverschiebung.
Neue "id" "('time...')" vergeben. Keine ID darf doppelt sein! Am besten fortlaufend erhöhen.
Unter  eine komplette Zeile mit (<td class="timex">Mexico.... ) kopieren.
Namen der Stadt, des Landes ändern.
Neue "id" in id="time...." übernehmen.
Variablen erweitern: var timeGMTs55..., var timeGMTm55..., var dateGMT55...
Check erweitern: function checkTime60(minu) {.....}

• Indien GMT5.5 wird in die Weltzeituhr eingefügt!
• Indien "id" ist time3!

*
<SCRIPT LANGUAGE="JavaScript">
*
// Zeitverschiebung + 30Minuten
var timeGMTs55 = checkTime24((minuten+30)  >= 60 ? (gmt-18) : (gmt+5));  //GMT+5.5 / Indien
var timeGMTm55 = checkTime60((minuten+30)  >= 60 ? (minuten-30) : (minuten+30));  //GMT+5.5 / Indien
var dateGMT55  = tag + (((gmt*60)+minuten)+(60*5)+30  >= 1440 ? 1 :  0); //GMT+5.5 //Indien
*
//Weltzeiten
*
document.getElementById('time3').innerHTML = IfNull(dateGMT55)  + "." + IfNull(monatNum) + "." + jahr + "<br>" + IfNull(timeGMTs55) + ":" + IfNull(timeGMTm55) + ":" +  IfNull(sekunden); //Indien GMT+5.5

*
//Check
function checkTime60(minu) {
return (minu >= 60) ? minu -60 : minu;
}
*
</script>

<!-- Uhr kommt zur Anzeige -->
*
<td class="timex">Indien<br><div id="time3"></div></td>
*
*

Schlie�en

Zeitzonenrechner:
Zeitverschiebung
Zeitzonenkarte

Zu beachten:
Zeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann und gutes Gelingen

Wolfgang

Antworten

#5 | Weltzeituhr mit JavaScript - Wird jetzt auch im IE 8 + 7 angezeigt datum

11.11.2014 00:24 (zuletzt bearbeitet: 28.07.2019 08:42)

Weltzeituhr mit JavaScript - Wird jetzt auch im IE 8 + 7 angezeigt
Aktualisiert 28.07.19

Hallo Magister!
Ich habe die Ursache gefunden, warum ausgerechnet der "IE 8 + 7" die Weltzeituhr in Beitrag 3 (mit JavaScript) nicht darstellt.

Lösung:

Es lag am "load-Befehl".
Ich hatte "window.addEventListener("load", WorldTime);" verwendet. Wird wohl vom IE 8 + 7 nicht verstanden!!!

Nach Einsatz von "window.onload = WorldTime;" funktioniert die Weltzeituhr im IE 8 wieder, auch im IE 7.

********************************

Ich habe die Ursache gefunden, warum der IE 7 bis IE10 die Weltzeituhr in Beitrag #6 und Beitrag #9 (mit JQuery) nicht richtig darstellt.

Lösung:

Das Skript benötigt eine Dokumenttyp-Deklaration, mindestens "<!DOCTYPE html>".
In Xobor-Foren ist sie bereits eingetragen.
Wenn man das Skript umschreibt und in eine Tabelle (mit <table> + </table>) fügt, geht es ohne "Dokumenttyp Deklaration" (sollte trotzdem eingetragen sein!).
Im Skript ist bereits alles geändert!

Wolfgang

Antworten

#6 | Weltzeituhr mit JQuery und Datumausgabe! datum

29.11.2014 14:16 (zuletzt bearbeitet: 28.07.2019 09:03)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

Weltzeituhr mit JQuery und Datumausgabe!
Aktualisiert 28.07.19

Es besteht auch die Möglichkeit die Weltzeituhr nicht zu "Fuß" aufzubauen, sondern mit "JQuery" und sich die Date-Klasse zu Nutze zu machen. Diese hat bereits viele Funktionen und beachtet dabei auch den Datumswechsel und die verschiedenen Zeitzonen. Intern speichert das Date-Objekt immer die UTC-Zeit in Millisekunden (Universal Time Coordinated, auch GMT - Greenwich Mean Time ).
In dem folgenden Skript wurden entsprechende data-Attribute vergeben. Hierdurch ist es ein leichtes Länder und Städte mit ihren verschiedenen Zeitzonen nachzutragen.
Das folgende Skript währe ohne Florian nicht zustande gekommen. Alle Schwierigkeiten mit Datumwechsel und "halbe Stunden-Zeitzonen" sind hier gelöst. Sehr gelungen und kompakt.

Hier noch Mal besten Dank an Florian!

Das Skript ist so aufgebaut, dass alle Zeitverschiebungen, auch mit halben Stunden berücksichtigt worden sind. Es lassen sich ohne weiteres Orte entfernen und hinzufügen!
Es sind 13 Städte auf der Weltzeituhr zu sehen. Hier wird die Stunde, Minute, Sekunde und das Datum angezeigt!

Hannover
New York
Sao Poulo
Hongkong
Tokio
Hawaii
Sydney
Moscow
Los Angeles
Istanbul
Mexico
Kabul
Indien

Im folgenden Skript besteht die Möglichkeit die Weltzeituhr über die CSS beliebig der eigenen Webseite anzupassen.
Da in allen Templates JQuery aktiviert ist, wurde die (Zeile 31 ) bereits auskommentiert!

Änderungen im Skript

Hintergrundbild lässt sich in Zeile 4 ändern oder deaktivieren
Schriftformat für Stadt oder Land ab Zeile 16-18 unter ".location"
Schriftformat für Datum und Zeit ab Zeile 21-23 unter ".date, .time"
Zeilen mit Doppelstrich am Anfang können zur Verkleinerung des Skriptes gelöscht werden. Sie dienen der Erklärung und auch des Auffindens.

Verschiedenes zum Einbau

Es ist gut, die CSS von Zeile 3-27 in "Eigener CSS-Code" unterzubringen.
Um den Aufbau und das Laden der Webseite nicht zu behindern, ist das Script von Zeile 30-111 in der unteren Leiste, im Body besser aufgehoben
Der HTML-Code von Zeile 113-134 und damit die Ausgabe der Weltzeituhr kann beliebig an passender Stelle oder zum Ausprobieren in die "Kopf- oder Fußzeile" untergebracht werden
Um eine Stadt oder Land nachzutragen oder zu ändern, bracht man nur hinter "data-offset" die Zeitverschiebung einzugeben. Es ist darauf zu achten, das halbe Stunden mit einem Punkt und nicht mit einem Komma versehen werden! Beispiel: data-offset="5.5" für Indien.
Zum Testen oder Ausprobieren, kann das komplette Skript mit CSS, JavaScript und HTML-Code in die Kopf- oder Fußzeile platziert werden!

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
<style>
/* Uhrzeiten horizontal ausgeben */
.timezones {
background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg);
max-width:1000px;
margin:0;
padding:13px 10px 10px 10px;
border-radius:10px;
text-align:center;
}
.timezones td {
padding:3px;
text-align:center;
}
.location {
font-weight: bold;
color:#aaffff;
font-size:13px;
}
.date, .time {
display:block; /*Datum und Zeit wird untereinander geschrieben*/
color:#ffffff;
font-size:11px;
}
.date {
padding-top:5px;
}
</style>
 
<!-- Nur wenn JQuery nicht vorhanden ist, die folgenden Striche am Anfang der nächsten Zeile löschen -->
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
 
<script>
$(function(){
 
//Auf Zahlen angepasste str_pad()-Funktion für führende Nullen.
// @link{http://sajjadhossain.com/2008/10/31/javascript-string-trimming-and-padding/}
Number.prototype.lpad = function(padString, length) {
var str = '' + this; // Zahl in String konvertieren
while (str.length < length) {
str = padString + str;
}
return str;
}
 
//Auf Zahlen angepasste str_pad()-Funktion für nachfolgende Nullen.
//@link{http://sajjadhossain.com/2008/10/31/javascript-string-trimming-and-padding/}
 
Number.prototype.rpad = function(padString, length) {
var str = '' + this;
while (str.length < length) {
str = str + padString;
}
return str;
}
 
//Datum und Zeit aus einer bestimmten Zeitzone heraussuchen.
//@param minutes  Zeitverschiebung in Minuten.
//@return Datum/Zeit der Zeitzone als UTC-Zeit.
function getTimeShiftMinutes(minutes) {
if (typeof minutes === 'undefined')
minutes = ((new Date()).getTimezoneOffset() * (-1));
 
var localTime = new Date();
localTime.setMinutes(localTime.getMinutes() + minutes);
return localTime;
}
 
//Datum und Zeit aus einer bestimmten Zeitzone heraussuchen.
//@param hours  Zeitverschiebung in Stunden.
//@return Datum/Zeit der Zeitzone als UTC-Zeit.
function getTimeShiftHours(hours) {
if (typeof hours === 'undefined')
hours = (new Date()).getTimezoneOffset() / (-60);
 
return getTimeShiftMinutes(hours * 60);
}
 
//UTC-Datum als String mit führenden Nullen ausgeben.
//@return Datums-String in deutschem Format.
function parseDateToString(dateTime) {
return dateTime.getUTCDate().lpad(0, 2)  + '.' + (dateTime.getUTCMonth() + 1).lpad(0, 2)   + '.' + dateTime.getUTCFullYear().lpad(0, 2);
}
 
//UTC-Zeit als String mit führenden Nullen ausgeben.
//@return Zeit-String in deutschem Format.
function parseTimeToString(dateTime) {
return dateTime.getUTCHours().lpad(0, 2) + ':' + dateTime.getUTCMinutes().lpad(0, 2) + ':' + dateTime.getUTCSeconds().lpad(0, 2);
}
 
//Periodisch Listen mit Zeitzonen aktualisieren.
//@return void
var timezoneUpdate = window.setInterval(function(){
 
// Jedes Listen-Element durchlaufen:
$.each($('.timezones [data-offset]'), function(index, element){
 
// Zeitverschiebung in Stunden aus HTML-Attribut auslesen ...
var offset       = parseFloat($(element).attr('data-offset'));
 
// ... und zugehörige (UTC-)Zeit heraussuchen:
var dateTimeZone = getTimeShiftHours(offset);
 
// Ergebnisse in passende Felder des Listen-Elementes schreiben:
$(element).find('.date').text(parseDateToString(dateTimeZone));
$(element).find('.time').text(parseTimeToString(dateTimeZone));
//$(element).find('.longtime').text(parseTimeToString(dateTimeZone));
});
}, 500);
});
</script>
 
<!-- Liste mit verschiedenen Zeitzonen -->
<center>
<div class="timezones">
<table width="100%" align="center">
<tr>
<td data-offset="1"><span class="location">Hannover</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-5"><span class="location">New York</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-2"><span class="location">Sao Poulo</span><span class="date"></span><span class="time"></span></td>
<td data-offset="8"><span class="location">Hong Kong</span><span class="date"></span><span class="time"></span></td>
<td data-offset="9"><span class="location">Tokio</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-10"><span class="location">Hawaii</span><span class="date"></span><span class="time"></span></td>
<td data-offset="10"><span class="location">Sydney</span><span class="date"></span><span class="time"></span></td>
<td data-offset="3"><span class="location">Moscow</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-8"><span class="location">Los Angeles</span><span class="date"></span><span class="time"></span></td>
<td data-offset="2"><span class="location">Istanbul</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-6"><span class="location">Mexico</span><span class="date"></span><span class="time"></span></td>
<td data-offset="4.5"><span class="location">Kabul</span><span class="date"></span><span class="time"></span></td>
<td data-offset="5.5"><span class="location">Indien</span><span class="date"></span><span class="time"></span></td>
</tr>
</table>
</div>
</center>
 

Schlie�en

So sieht die Weltzeituhr in Aktion aus: Weltzeituhr mit JQuery

Zeitzonen-Rechner:
Zeitverschiebung
Zeitzonenkarte

Zu beachten:
Zeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann, gutes Gelingen und besten Dank an alle die hier mitgeholfen haben
Gruß

Wolfgang

WolverineX und Magister finden das Top!

Antworten

#7 | RE: Weltzeituhr mit JQuery und Datumausgabe datum

29.11.2014 15:50 (zuletzt bearbeitet: 29.11.2014 16:35)

Thx Wolfgang.
Bei mir wird die Uhrzeit nicht nebeneinander, sonder untereinander angezeigt.

Wolfgang, wäre auch schön, wenn ich das auch noch dadrüber hätte.

Antworten

#8 | RE: Neue Weltzeituhr mit JQuery und Datumausgabe - Doctype notwendig datum

30.11.2014 15:00

Thx Wolfgang, jetzt geht es.

Fehlt nur noch die Zeitanzeige mit Wochentag dadrüber.

Antworten

#9 | Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit! datum

30.11.2014 21:10 (zuletzt bearbeitet: 28.07.2019 09:25)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit!
Aktualisiert 28.07.19

Um die "Lokalzeit" noch zusätzlich auszulesen, kann man sich die übliche Date-Klasse zu Nutze zu machen.
Auch hier werden wieder entsprechende data-Attribute vergeben.
Zusätzlich besteht jetzt die Möglichkeit die HTML-Ausgabe in beliebiger Form (Div-Container, Tabellen, ...) auszugeben.

Das Skript hat wieder Florian erweitert. Auch hier, sehr gelungen, elegant und kompakt.

Hier noch mal besten Dank an Florian!

Das Skript von Florian ist soweit abgeändert, dass die HTML-Ausgabe in "<table> / </table>" erfolgt.
Nicht so elegant, funktioniert auch ohne Dokumenttyp-Deklaration und in älteren Versionen des Internet Explorers (IE6).
In den Xobor-Foren sind bereits "Doctype, Head- und Body-Tags, sowie jQuery" vorhanden.

Ganz oben ist jetzt die Aktuelle Zeit, die Lokalzeit mit Wochentag, Tag, Monat, Jahr, Stunde Minute und Sekunde eingefügt.
Das Skript ist so aufgebaut, dass alle Zeitverschiebungen + Lokalzeit, auch mit halben Stunden berücksichtigt worden sind. Es lassen sich ohne weiteres Orte entfernen und hinzufügen!
Die aktuelle, lokale Zeit ist synchron mit der Zeit auf dem Rechner.
Es sind 13 Städte auf der Weltzeituhr zu sehen. Hier wird die Stunde, Minute, Sekunde und das Datum angezeigt.

Hannover
New York
Sao Poulo
Hongkong
Tokio
Hawaii
Sydney
Moscow
Los Angeles
Istanbul
Mexico
Kabul
Indien

Im folgenden Script besteht die Möglichkeit die Weltzeituhr über die CSS beliebig der eigenen Webseite anzupassen.
Da in allen Templates JQuery aktiviert ist, wurde die (Zeile 36 ) bereits auskommentiert!

Änderungen in Skript:

Hintergrundbild lässt sich in Zeile 12 ändern oder löschen.
Schriftformat für Lokalzeit, Zeile 2 - 7 unter ".localtime"
Schriftformat für Stadt oder Land, Zeile 24 - 26 unter ".location"
Schriftformat für Datum und Zeit, Zeile 29 - 31 unter ".date, .time"
Zeilen mit Doppelstrich am Anfang können zur Verkleinerung des Skriptes gelöscht werden. Sie dienen der Erklärung und auch des Auffindens.

Verschiedenes zum Einbau

Es ist gut, die CSS von Zeile 2 - 32 in "Eigener CSS Code" unterzubringen.
Um den Aufbau und das Laden der Webseite nicht zu behindern, ist das Skript von Zeile 35 - 128 in der unteren Leiste, im Body besser aufgehoben
Der HTML-Code von Zeile 130 -154 und damit die Ausgabe der Weltzeituhr kann beliebig an passender Stelle untergebracht werden
Um eine Stadt oder Land nachzutragen oder zu ändern, braucht man nur hinter "data-offset" die Zeitverschiebung einzugeben. Es ist darauf zu achten, das halbe Stunden mit einem Punkt und nicht mit einem Komma versehen werden! Beispiel: data-offset="5.5" für Indien.
Zum Testen oder Ausprobieren, kann das komplette Skript mit CSS, JavaScript und HTML-Code in die Kopf- oder Fußzeile platziert werden!

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
 
<style type="text/css">
.localtime{
font-weight:bold;
text-align:center;
color:#ffffff;
padding-bottom:10px;
font-size:15px;
}
 
/* Uhrzeiten horizontal ausgeben */
.timezones {
background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg);
max-width:1000px;
margin:0;
padding:13px 10px 10px 10px;
border-radius:10px;
text-align:center;
}
.timezones td {
padding:3px;
text-align:center;
}
.location {
font-weight: bold;
color:#aaffff;
font-size:13px;
}
.date, .time {
display:block; /*Datum und Zeit werden untereinander geschrieben*/
color:#ffffff;
font-size:11px;
}
</style>
 
<!--Nur wenn JQuery nicht vorhanden ist, die folgenden Striche am Anfang der nächsten Zeile löschen-->
<!--<script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script>-->
 
<script language="javascript" type="text/javascript">
$(function(){
//Auf Zahlen angepasste str_pad()-Funktion für führende Nullen.
// @link{http://sajjadhossain.com/2008/10/31/javascript-string-trimming-and-padding/}
Number.prototype.lpad = function(padString, length) {
var str = '' + this; // Zahl in String konvertieren
while (str.length < length) {
str = padString + str;
}
return str;
}
 
//Auf Zahlen angepasste str_pad()-Funktion für nachfolgende Nullen.
//@link{http://sajjadhossain.com/2008/10/31/javascript-string-trimming-and-padding/}
 
Number.prototype.rpad = function(padString, length) {
var str = '' + this;
while (str.length < length) {
str = str + padString;
}
return str;
}
 
//Datum und Zeit aus einer bestimmten Zeitzone heraussuchen.
//@param minutes  Zeitverschiebung in Minuten.
//@return Datum/Zeit der Zeitzone als UTC-Zeit.
function getTimeShiftMinutes(minutes) {
if (typeof minutes === 'undefined')
minutes = ((new Date()).getTimezoneOffset() * (-1));
 
var localTime = new Date();
localTime.setMinutes(localTime.getMinutes() + minutes);
return localTime;
}
 
//Datum und Zeit aus einer bestimmten Zeitzone heraussuchen.
//@param hours  Zeitverschiebung in Stunden.
//@return Datum/Zeit der Zeitzone als UTC-Zeit.
function getTimeShiftHours(hours) {
if (typeof hours === 'undefined')
hours = (new Date()).getTimezoneOffset() / (-60);
 
return getTimeShiftMinutes(hours * 60);
}
 
//UTC-Datum als String mit führenden Nullen ausgeben.
//@return Datums-String in deutschem Format.
function parseDateToString(dateTime) {
return dateTime.getUTCDate().lpad(0, 2)  + '.' + (dateTime.getUTCMonth() + 1).lpad(0, 2)   + '.' + dateTime.getUTCFullYear().lpad(0, 2);
}
 
//UTC-Zeit als String mit führenden Nullen ausgeben.
//@return Zeit-String in deutschem Format.
function parseTimeToString(dateTime) {
return dateTime.getUTCHours().lpad(0, 2) + ':' + dateTime.getUTCMinutes().lpad(0, 2) + ':' + dateTime.getUTCSeconds().lpad(0, 2);
}
 
//Lokal-Zeit mit ausgeschriebenem Wochentag und Monatsnamen ausgeben.
//@return string  Ausgeschriebenes loakales Datum und Uhrzeit.
function parseLocalDateTimeToFullString(dateTime) {
var dayNames   = [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ];
var monthNames = [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ];
 
return dayNames[dateTime.getDay()] + ', ' + dateTime.getDate().lpad(0, 2) + '. ' + monthNames[dateTime.getMonth()] + ' ' + dateTime.getFullYear()
+ ' - ' + dateTime.getHours().lpad(0, 2) + ':' + dateTime.getMinutes().lpad(0, 2) + ':' + dateTime.getSeconds().lpad(0, 2) + ' Uhr';
}
 
//Periodisch Listen mit Zeitzonen aktualisieren.
//@return void
var timezoneUpdate = window.setInterval(function(){
 
//Ausgabe der Lokalzeit
$('.localtime').text(parseLocalDateTimeToFullString(new Date()));
 
// Jedes Listen-Element durchlaufen:
$.each($('.timezones [data-offset]'), function(index, element){
 
// Zeitverschiebung in Stunden aus HTML-Attribut auslesen ...
var offset  = parseFloat($(element).attr('data-offset'));
 
// ... und zugehörige (UTC-)Zeit heraussuchen:
var dateTimeZone = getTimeShiftHours(offset);
 
// Ergebnisse in passende Felder des Listen-Elementes schreiben:
$(element).find('.date').text(parseDateToString(dateTimeZone));
$(element).find('.time').text(parseTimeToString(dateTimeZone));
//$(element).find('.longtime').text(parseTimeToString(dateTimeZone));
});
}, 500);
});
</script>
 
<!-- Liste mit verschiedenen Zeitzonen -->
<center>
<div class="timezones">
 
<div class="localtime"></div>
<table width="100%" align="center">
<tr>
<td data-offset="1"><span class="location">Hannover</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-5"><span class="location">New York</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-2"><span class="location">Sao Poulo</span><span class="date"></span><span class="time"></span></td>
<td data-offset="8"><span class="location">Hong Kong</span><span class="date"></span><span class="time"></span></td>
<td data-offset="9"><span class="location">Tokio</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-10"><span class="location">Hawaii</span><span class="date"></span><span class="time"></span></td>
<td data-offset="10"><span class="location">Sydney</span><span class="date"></span><span class="time"></span></td>
<td data-offset="3"><span class="location">Moscow</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-8"><span class="location">Los Angeles</span><span class="date"></span><span class="time"></span></td>
<td data-offset="2"><span class="location">Istanbul</span><span class="date"></span><span class="time"></span></td>
<td data-offset="-6"><span class="location">Mexico</span><span class="date"></span><span class="time"></span></td>
<td data-offset="4.5"><span class="location">Kabul</span><span class="date"></span><span class="time"></span></td>
<td data-offset="5.5"><span class="location">Indien</span><span class="date"></span><span class="time"></span></td>
</tr>
</table>
 
</div>
</center>
 

Um diesen Beitrag zu lesen, m�ssen Sie sich anmelden!

Ein kleines Dankesch�n f�r meine Arbeit!

Schlie�en

So sieht die Weltzeituhr in Aktion aus: Weltzeituhr mit JQuery + Lokalzeit

Zeitzonenrechner:
Zeitverschiebung
Zeitzonenkarte

Zu beachten:
Zeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann!
Auch hier, gutes Gelingen und besten Dank an alle, die mitgeholfen haben
Gruß

Wolfgang

Antworten

#10 | RE: Neue Weltzeituhr mit JQuery und Datumausgabe + Localzeit datum

30.11.2014 22:23 (zuletzt bearbeitet: 15.01.2018 16:55)

HI Wolfgang,

habe gerade gesehen, dass du den aktuellsten Stand von der Funktion parseDateToString(dateTime) noch nicht übernommen hast.

Dort fehlte eben noch, dass der Monat von 0-11 statt 1-12 ausgegeben wird, daher ist bei den Zeitzonen der Monat immer um eins hinterher. Und auch beim vierstelligen Datum war das voranstellen von führenden Nullen nicht wirklich nötig und konnte weggekürzt werden. Du kannst das manuell nachtragen oder findest es nach wie vor in meinem zuletzt geposteten Skript im Anhang.

Hier auch noch der Beweis, dass die Datumsberechnung auch über die Monatsgrenzen hinweg funktioniert und bei überschreiten von 00:00 Uhr nicht nur den Tag, sondern auch den Monat automatisch korrekt hochzählt:

_________________
Florian Zier

Wolfgang findet das Top!

Antworten

Forenbeitrag nicht unter dem Profilbild weiter führen � � Mit Multi-Browsern oder Cross-Browsern Webseiten testen!

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Business (v4): "Legende anzeigen" optisch verbessern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

15.05.2023 17:11
von

Wolfgang • Zugriffe: 31

Alben der Bildergalerie zugeklappt anzeigen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 28.05.2020 20:56
Wolfgang • Zugriffe: 517
Passwort beim Login anzeigen!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 5 03.05.2020 20:50
Wolfgang • Zugriffe: 1301
Zeitspanne im Kalender immer anzeigen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 0 14.02.2012 20:06
Wolfgang • Zugriffe: 994

Beiträge der letzten Tage auffälliger anzeigen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

13.06.2016 19:00
von

Wolfgang • Zugriffe: 1596

Ladezeiten von Webseiten anzeigen und verkürzen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

15.02.2011 19:19
von

Wolfgang • Zugriffe: 16092

Zeit - Zeitpunkt - Zeitraum - Zeitsteuerung - zeitlich - zeitgesteuert - vorgegebene Zeit!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

19.07.2013 13:44
von

Lady of the light • Zugriffe: 2903

Bilder vorladen - Schnelles Anzeigen von Webseiten
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.05.2018 20:33
von

Wolfgang • Zugriffe: 1284

5 verschiedene Hintergrundwechsler für Forum und Homepage - Teil 1
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

27.09.2015 08:46
von

Hans58 • Zugriffe: 16699

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

143%

Google Translator

Forum - Weltzeituhr - Verschiedene Zeiten anzeigen

Weltzeituhr mit JavaScript und DatumAktualisiert 28.07.19

Weltzeituhr mit JavaScript - Städte und Länder hinzufügen oder entfernenAktualisiert 28.07.19

Weltzeituhr mit JavaScript - Wird jetzt auch im IE 8 + 7 angezeigtAktualisiert 28.07.19

Weltzeituhr mit JQuery und Datumausgabe!Aktualisiert 28.07.19

Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit!Aktualisiert 28.07.19

Weltzeituhr mit JavaScript und Datum
Aktualisiert 28.07.19

Weltzeituhr mit JavaScript - Städte und Länder hinzufügen oder entfernen
Aktualisiert 28.07.19

Weltzeituhr mit JavaScript - Wird jetzt auch im IE 8 + 7 angezeigt
Aktualisiert 28.07.19

Weltzeituhr mit JQuery und Datumausgabe!
Aktualisiert 28.07.19

Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit!
Aktualisiert 28.07.19