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 & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. Ärger mit dem PC, Laptop oder Tablet? Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? Ärger mit dem PC, Laptop oder Tablet - 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. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights 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:	94
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 € Forum Spende
Sternzeichen	Fische
Likes	17

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, Datumangabe, MEZ (GMT) & Localtime datum

05.11.2014 20:57 (zuletzt bearbeitet: 16.01.2024 19:01)

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

Weltzeituhr mit JavaScript, Datumangabe, MEZ (GMT) & Localtime
Aktualisiert 12.08.22

Hallo MagisterHabe 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 14 Städte auf der Weltzeituhr zu sehen, zusätzlich die "Greenwich Mean Time". Hier wird die Stunde, Minute, Sekunde und das Datum angezeigt.

Mit GMT (Greenwich Mean Time)

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

Installation für alle Templates & Mobil

Das Skript kann an jede beliebige Stelle im Forum gesetzt werden
Das kann für die Template (v1-4) die Kopf- oder Fußzeile sein.
Für das neue Xobor V6 & Mobil die Eigene Kopfzeile oder Eigenes Javascript.

Das Skript kann auch über ein Plugin nach "Ober Leiste - Footer" oder einer anderen Stelle platziert werden!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Die aktuelle Zeit, die Weltzeit und die Greenwich Mean Time lassen sich über die CSS separat formatieren
Der Wochentag und der Monat kann auch in Zahlen wiedergegeben werden. Hierzu anfängliche Schrägstriche // in Zeile 113 entfernen, in Zeile 110 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
 
<style>
  .background_time {background:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; padding:13px 20px 10px 20px; text-align:center; border-radius:9px; position:relative; top: 10px; margin-bottom:20px; display: inline-block;}
  .timex {text-align:center; color:#ffffff; font-size:14px; padding:2px; display: inline-block;}
  .timex div {text-align:center; color:#ffffff; font-size:13px; padding:2px;}
  .time100 {text-align:center; color:#aaffff; font-size:14px; padding:2px; display: inline-block;}
  .time100 div {text-align:center; color:#aaffff; font-size:13px; padding:2px;}
  #local {font-weight:bold; text-align:center; color:#ffffff; padding-bottom:10px; font-size:15px;}
</style>
 
 
<!-- Uhr mit verschiedenen Zeitzonen -->
<center>
<div class="background_time">
  <div colspan="16" id="local"></div>
  <div class="timex">New York<div id="time1"></div></div> 
  <div class="timex">Sao Poulo><div id="time2"></div></div>
  <div class="timex">Hong Kong<div id="time3"></div></div> 
  <div class="timex">Tokio<div id="time4"></div></div> 
  <div class="timex">Sydney<div id="time5"></div></div> 
  <div class="timex">Melbourne<div id="time6"></div></div>
  <div class="timex">Ottawa<div id="time7"></div></div>
  <div class="timex">Moscow<div id="time8"></div></div> 
  <div class="timex">Rom<div id="time9"></div></div> 
  <div class="timex">Peking<div id="time10"></div></div> 
  <div class="timex">Los Angeles<div id="time11"></div></div> 
  <div class="timex">Istanbul<div id="time12"></div></div> 
  <div class="timex">Casa Blanca<div id="time13"></div></div> 
  <div class="timex">Mexico<div id="time14"></div></div>
 
  <div class="time100">GMT<div id="time100"></div></div> 
</div>
</center>
 

<script>
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 + " &nbsp;&nbsp; " + IfNull(stunden) + ":" + IfNull(minuten) + ":" + IfNull(sekunden);
 
  //AkuelleZeit mit Datum - Wochentag und Monat in Zahlen
  //document.getElementById('local').innerHTML = IfNull(tag) + ". " + IfNull(monatNum) + ". " + jahr + " &nbsp;&nbsp; " + 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>
 

Schließen

Die Weltzeituhr in AktionWeltzeituhr mit JavaScript und Datum

ZeitzonenrechnerZeitverschiebung
Zeitzonenkarte

Zu beachtenZeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

NachtragDas vorgestellte Skript funktioniert gut in älteren Browsern, ist aber ohne Zeitumstellung!

Bis dann und gutes Gelingen

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet, funktioniert jetzt auch im neuen Xobor (v6)

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

08.11.2014 13:30 (zuletzt bearbeitet: 14.01.2024 08:45)

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

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

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, für das entsprechende Land löschen.

London / GMT wird aus der Weltzeituhr entfernt!

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!

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!

ZeitzonenrechnerZeitverschiebung
Zeitzonenkarte

Zu beachtenZeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann und gutes Gelingen

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag überarbeitet!

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

11.11.2014 00:24 (zuletzt bearbeitet: 16.01.2024 18:12)

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

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 #8 (mit JQuery) nicht richtig darstellt.

Lösung:

Das Skript benötigt eine Dokumenttyp-Deklaration, mindestens "<!DOCTYPE html>".
Xobor-Foren sind so deklariert.
Im Skript ist bereits alles geändert!

Wolfgang

Antworten

#6 | Weltzeituhr mit JQuery und Datumausgabe! datum

29.11.2014 14:16 (zuletzt bearbeitet: 16.01.2024 19:02)

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

Weltzeituhr mit JQuery und Datumausgabe!
Aktualisiert 14.01.24

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äre 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 leicht 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!

Mit Hannover

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

Installation für alle Templates & Mobil

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 58) bereits auskommentiert!

Das Skript kann an jede beliebige Stelle im Forum gesetzt werden
Das kann für die Template (v1-4) die Kopf- oder Fußzeile sein.
Für das neue Xobor V6 & Mobil die Eigene Kopfzeile oder Eigenes Javascript.

Das Skript kann auch über ein Plugin nach "Ober Leiste - Footer" oder einer anderen Stelle platziert werden!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Änderungen im Skript

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.
Der Hintergrundbild lässt sich in Zeile 3+4 ändern oder deaktivieren
Schriftformat für Stadt oder Land ab Zeile 21-23 unter ".location"
Schriftformat für Datum und Zeit ab Zeile 27-29 unter ".date, .time"

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
 
<style>
.timezones {
  background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg);
  background-position: center -100px; 
  padding:13px 20px 10px 20px; 
  text-align:center; 
  border-radius:9px; 
  position:relative; 
  top: 10px; 
  margin-bottom:20px; 
  display: inline-block;
}
 
.timezones div {
  display: inline-block;
  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>
 
 
<!-- Liste mit verschiedenen Zeitzonen -->
<center>
<div class="timezones">
  <div data-offset="1"><span class="location">Hannover</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-5"><span class="location">New York</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-2"><span class="location">Sao Poulo</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="8"><span class="location">Hong Kong</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="9"><span class="location">Tokio</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-10"><span class="location">Hawaii</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="10"><span class="location">Sydney</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="3"><span class="location">Moscow</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-8"><span class="location">Los Angeles</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="2"><span class="location">Istanbul</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-6"><span class="location">Mexico</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="4.5"><span class="location">Kabul</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="5.5"><span class="location">Indien</span><span class="date"></span><span class="time"></span></div>
</div>
</center>
 
 
<!-- 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>
  Number.prototype.lpad = function(padString, length) {
    var str = '' + this; // Zahl in String konvertieren
    while (str.length < length) {
    str = padString + str;
  }
  return str;
}
 
Number.prototype.rpad = function(padString, length) {
  var str = '' + this;
  while (str.length < length) {
    str = str + padString;
  }
  return str;
}
 
function getTimeShiftMinutes(minutes) {
  if (typeof minutes === 'undefined')
  minutes = ((new Date()).getTimezoneOffset() * (-1));
 
  var localTime = new Date();
  localTime.setMinutes(localTime.getMinutes() + minutes);
  return localTime;
}
 
function getTimeShiftHours(hours) {
  if (typeof hours === 'undefined')
  hours = (new Date()).getTimezoneOffset() / (-60);
  return getTimeShiftMinutes(hours * 60);
}
 
function parseDateToString(dateTime) {
  return dateTime.getUTCDate().lpad(0, 2)  + '.' + (dateTime.getUTCMonth() + 1).lpad(0, 2)   + '.' + dateTime.getUTCFullYear().lpad(0, 2);
}
 
function parseTimeToString(dateTime) {
  return dateTime.getUTCHours().lpad(0, 2) + ':' + dateTime.getUTCMinutes().lpad(0, 2) + ':' + dateTime.getUTCSeconds().lpad(0, 2);
}
 
var timezoneUpdate = window.setInterval(function(){
  $.each($('.timezones [data-offset]'), function(index, element){
    var offset       = parseFloat($(element).attr('data-offset'));
    var dateTimeZone = getTimeShiftHours(offset);
 
    $(element).find('.date').text(parseDateToString(dateTimeZone));
    $(element).find('.time').text(parseTimeToString(dateTimeZone));
  });
}, 500);
</script>
 

Schließen

Die Weltzeituhr in AktionWeltzeituhr mit JQuery

Zeitzonen-RechnerZeitverschiebung
Zeitzonenkarte

Zu beachtenZeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

NachtragDas vorgestellte Skript funktioniert gut in älteren Browsern, ist aber ohne Zeitumstellung!

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

Wolfgang

WolverineX, Magister und Daishi finden das Top!

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet, funktioniert jetzt auch im neuen Xobor (v6)

#7 | RE: Weltzeituhr mit JQuery und Datumausgabe datum

29.11.2014 15:50 (zuletzt bearbeitet: 14.01.2024 09:31)

Thx Wolfgang.

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

Antworten

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

30.11.2014 21:10 (zuletzt bearbeitet: 16.01.2024 19:02)

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

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!

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 leicht 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.

Mit Hannover

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 69) bereits auskommentiert!

Das Skript kann an jede beliebige Stelle im Forum gesetzt werden
Das kann für die Template (v1-4) die Kopf- oder Fußzeile sein.
Für das neue Xobor V6 & Mobil die Eigene Kopfzeile oder Eigenes Javascript.

Das Skript kann auch über ein Plugin nach "Ober Leiste - Footer" oder einer anderen Stelle platziert werden!
Wichtig! Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

Änderungen im Skript

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.
Der Hintergrundbild lässt sich in Zeile 12+13 ändern oder deaktivieren
In Zeile 3-8 kann die Localzeit formatiert werden!
Schriftformat für Stadt oder Land ab Zeile 30-32 unter ".location"
Schriftformat für Datum und Zeit ab Zeile 36-38 unter ".date, .time"

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
 
<style>
.localtime{
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  padding:20px 10px;
  font-size:15px;
  display: block !important;
}
 
.timezones {
  background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg);
  background-position: center -100px; 
  padding:13px 20px 10px 20px; 
  text-align:center; 
  border-radius:9px; 
  position:relative; 
  top: 10px; 
  margin-bottom:20px; 
  display: inline-block;
}
 
.timezones div {
  display: inline-block;
  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>
 
 
<!-- Liste mit verschiedenen Zeitzonen -->
<center>
<div class="timezones">
  <div class="localtime"></div>
 
  <div data-offset="1"><span class="location">Hannover</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-5"><span class="location">New York</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-2"><span class="location">Sao Poulo</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="8"><span class="location">Hong Kong</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="9"><span class="location">Tokio</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-10"><span class="location">Hawaii</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="10"><span class="location">Sydney</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="3"><span class="location">Moscow</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-8"><span class="location">Los Angeles</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="2"><span class="location">Istanbul</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="-6"><span class="location">Mexico</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="4.5"><span class="location">Kabul</span><span class="date"></span><span class="time"></span></div>
  <div data-offset="5.5"><span class="location">Indien</span><span class="date"></span><span class="time"></span></div>
</div>
</center>
 
 
<!-- 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>
  Number.prototype.lpad = function(padString, length) {
    var str = '' + this; // Zahl in String konvertieren
    while (str.length < length) {
    str = padString + str;
  }
  return str;
}
 
Number.prototype.rpad = function(padString, length) {
  var str = '' + this;
  while (str.length < length) {
    str = str + padString;
  }
  return str;
}
 
function getTimeShiftMinutes(minutes) {
  if (typeof minutes === 'undefined')
  minutes = ((new Date()).getTimezoneOffset() * (-1));
 
  var localTime = new Date();
  localTime.setMinutes(localTime.getMinutes() + minutes);
  return localTime;
}
 
function getTimeShiftHours(hours) {
  if (typeof hours === 'undefined')
  hours = (new Date()).getTimezoneOffset() / (-60);
  return getTimeShiftMinutes(hours * 60);
}
 
function parseDateToString(dateTime) {
  return dateTime.getUTCDate().lpad(0, 2)  + '.' + (dateTime.getUTCMonth() + 1).lpad(0, 2)   + '.' + dateTime.getUTCFullYear().lpad(0, 2);
}
 
function parseTimeToString(dateTime) {
  return dateTime.getUTCHours().lpad(0, 2) + ':' + dateTime.getUTCMinutes().lpad(0, 2) + ':' + dateTime.getUTCSeconds().lpad(0, 2);
}
 
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() + ' \u2003 ' + dateTime.getHours().lpad(0, 2) + ':' + dateTime.getMinutes().lpad(0, 2) + ':' + dateTime.getSeconds().lpad(0, 2) + ' Uhr';
}
 
var timezoneUpdate = window.setInterval(function(){
  $('.localtime').text(parseLocalDateTimeToFullString(new Date()));
  $.each($('.timezones [data-offset]'), function(index, element){
    var offset       = parseFloat($(element).attr('data-offset'));
    var dateTimeZone = getTimeShiftHours(offset);
 
    $(element).find('.date').text(parseDateToString(dateTimeZone));
    $(element).find('.time').text(parseTimeToString(dateTimeZone));
  });
}, 500);
</script>
 

Schließen

Die Weltzeituhr in AktionWeltzeituhr mit JQuery + Lokalzeit

Zeitzonen-RechnerZeitverschiebung
Zeitzonenkarte

Zu beachtenZeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

NachtragDas vorgestellte Skript funktioniert gut in älteren Browsern, ist aber ohne Zeitumstellung!

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

Wolfgang

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet, funktioniert jetzt auch im neuen Xobor (v6)

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

01.12.2014 13:49 (zuletzt bearbeitet: 01.12.2014 13:50)

Wolfgang und Florian...
Ich sage besten Dank Euch beiden,
für Eure Mühe und Geduld, die Ihr aufgebracht habt.
Es ist perfekt, und läuft einwandfrei,
so wie ich es haben wollte.

Auch die Dokumentationen im gesamten Code sind erstklassig.
Da kann man nichts falsch machen.
Davon können bestimmt auch andere profitieren.
Das kann ich Euch gar nicht wieder gut machen.

Einfach SUPER!!!
Danke, danke, danke!

Wolfgang und WolverineX finden das Top!

Antworten

#10 | RE: Neue Weltzeituhr! datum

11.05.2018 12:43 (zuletzt bearbeitet: 14.01.2024 10:27)

Wirklich ein einwandfrei funktionierendes Script und recht einfach anzupassen an die persönlichen Bedürfnisse.

Gruß aus Hamburg
Mav1962
Co-Admin Ford-SUV-Freunde

Antworten

Durchgehende Laufschrift (Ticker) mit vielseitigen Funktionen » « Für den Valentinstag

Seite 1 von 2 « Seite 1 2 Seite »

Ähnliche Themen

Antworten

Letzter Beitrag

Nur Business (v4): "Legende anzeigen" unter "Letzte Beiträge" optisch anpassen!
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: 503

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: 936
Passwort beim Login anzeigen!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 5 03.05.2020 20:50
Wolfgang • Zugriffe: 2096

Forum-Plugin: 'Letzten Beitrag anzeigen' - Mit Vorschau-Erweiterung!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

19.11.2023 13:01
von

Gabriella • Zugriffe: 1678

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: 16786

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: 3412

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: 1719

Geheime Sachen - Verschiedene Benutzergruppen, Quelltext unlesbar machen!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

27.07.2019 13:22
von

Wolfgang • Zugriffe: 5828

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

02.02.2025 12:13
von

Wolfgang • Zugriffe: 18489

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

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: 45 €

12%

🎄

⭐

Weltzeituhr mit JavaScript, Datumangabe, MEZ (GMT) & LocaltimeAktualisiert 12.08.22

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

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

Weltzeituhr mit JQuery und Datumausgabe!Aktualisiert 14.01.24

Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit!Aktualisiert 28.07.19

Weltzeituhr mit JavaScript, Datumangabe, MEZ (GMT) & Localtime
Aktualisiert 12.08.22

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

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

Weltzeituhr mit JQuery und Datumausgabe!
Aktualisiert 14.01.24

Neue Weltzeituhr mit JQuery und Datumausgabe + Lokalzeit!
Aktualisiert 28.07.19