Forum - Weltzeituhren mit Zeitumstellung!

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

#11 | Weltzeituhren mit Zeitumstellung! datum

30.07.2019 23:56 (zuletzt bearbeitet: 18.01.2024 09:28)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1642

Eigene Weltzeituhr aus fertigen Online-Skripten erstellen, mit Zeitumstellung!
Aktualisiert 17.01.24

Weltzeituhr online abrufen!Weltzeituhren im Internet sind vielseitig und berücksichtigen, auch die Zeitumstellung. Es wird automatisch von Sommerzeit auf Winterzeit und von Winterzeit auf Sommerzeit umgestellt!!
Man kann sie Online erstellen, auch nur Online abrufen oder auch teilen!
Eine sehr gute Online-Weltzeituhr für seinen ganz persönlich Geschmack gibt es auf Time and Date!

Weltzeituhr für die Homepage!Möchte man seine eigene Weltzeituhr auf der Homepage betreiben, gibt es mehrere Anbieter mit fertigen Codes.
Man braucht nur ein Grundgerüst in denen die Uhren-Skripte untergebracht werden!
Auch hier werden die Zeitumstellungen automatisch berücksichtigt!

Installation für alle Templates & Mobil

Einbau für alle folgenden Beispiele

Die folgenden Skripte können 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!

Weltzeituhr über "Zeitverschiebung.net" zusammengestellt:

Auf der Webseite von "Zeitverschiebung.net" eine Stadt, ein Land oder eine Zeitzone ins Suchfeld eingeben!
Unter der Uhr befindet sich ein "HTML-Button" zum Auslesen des Uhren-Codes.
Der Uhrencode lässt sich wie folgt etwas bearbeiten. Ich habe in meiner Zusammenstellung die Links, den H3-Tag weggelassen und eine CSS erstellt.

Die Anzahl der Uhren kann beliebig gewählt werden!
In Zeile 2 kann das Hintergrundbild angepasst und formatiert werden!
Farbe und Schriftgröße wird in Zeile 3 bestimmt, in Zeile 4 die Gesamtgröße einer einzelnen Uhr!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style>
  .timezone {background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; border-radius:10px; text-align:center; padding-top:11px; position:relative; top: 10px; margin-bottom:20px; border:5px double #aaaaaa; display:inline-block;}
  .timezone div {font-size:14px; color:#ffffff; text-align:center; display:inline-block;}
  .timezone div iframe {max-width:180px; height:90px; border:none;}
</style>
 
<center>
<div class="timezone">
 
  <div>New York<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=America%2FNew_York" scrolling="no"></iframe></div>
  <div>Sydney<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=Australia%2FSydney" scrolling="no"></iframe></div>
  <div>Peking<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=Asia%2FShanghai" scrolling="no"></iframe></div>
  <div>Tokio<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=Asia%2FTokyo" scrolling="no"></iframe></div>
  <div>Moscow<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=Europe%2FMoscow" scrolling="no"></iframe></div>
  <div>Istanbul<br><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=de&size=small&timezone=Europe%2FIstanbul" scrolling="no"></iframe></div>
 
  <a href="https://www.zeitzonenrechner.net/" style="color: #aaaaaa; position:absolute;right:10px;bottom:0;"><small>&copy; Zeitzonenrechner</small></a>
 
</div>
</center>
 

Schlie�en

Weltzeituhr über "HomepageHelfer.net" zusammengestellt:

Auf der "Generator-Seite" eine Stadt, ein Land oder eine Zeitzone aussuchen!
Zum Auslesen des Uhren-Codes auf "Quelltext & Vorschau" klicken!.
Der Uhrencode lässt sich kaum verändern.
Die Anzahl der Uhren kann beliebig gewählt werden!
In Zeile 2 kann das Hintergrundbild angepasst und formatiert werden!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<style>
  .timezone {background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; border-radius:10px; text-align:center; padding:20px 20px 10px 20px; position:relative; top: 10px; margin-bottom:20px; border:5px double #aaaaaa; display:inline-block;}
  .timezone div {display:inline-block; margin:5px;}
</style>
 
<center>
<div class="timezone">
 
<div><script src="https://homepagehelfer.net/tools/utc/js/p0200S-tr-02-01.js" type="text/javascript"></script></div>
<div><script src="https://homepagehelfer.net/tools/utc/js/p0400-ru-02-01.js" type="text/javascript"></script></div>
<div><script src="https://homepagehelfer.net/tools/utc/js/p0550-in-02-01.js" type="text/javascript"></script></div>
<div><script src="https://homepagehelfer.net/tools/utc/js/p0800-hk-02-01.js" type="text/javascript"></script></div>
<div><script src="https://homepagehelfer.net/tools/utc/js/p1000-au-02-01.js" type="text/javascript"></script></div>
 
</div>
</center>
 

Schlie�en

Weltzeituhr über "Hotelmix.de" zusammengestellt:

Unter "Uhr-Widgets" eine Uhr aussuchen und unter "Anpassen" eine Stadt aussuchen!
Zum Auslesen des Uhren-Codes auf "HTML-Code erhalten" klicken und Uhrencode einfügen!
Oder mit Hilfe der Uhren-Vorlage das Skript verkleinern: Die letzten 10 ID-Ziffern in Zeile 2,6,7+9 und die "city_id" in Zeile 9 übertragen, den Link in Zeile 3 anpassen!
Die Anzahl der Uhren kann beliebig gewählt werden!
In Zeile 2 kann das Hintergrundbild angepasst und formatiert 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
 
<style>
  .timezone {background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; border-radius:20px; text-align:center; position:relative; top: 10px; margin-bottom:20px; padding-right:15px;border:5px double #aaaaaa; display:inline-block;}
  .timezone div {margin:5px 0 0 5px; display:inline-block;}
  .timezone div a {font-size:14px; color:#ffffff !important; text-align:center; font-weight:bold;}
  .timezone div a:hover {color:#4ab5d9 !important; }
</style>
 
<center>
<div class="timezone">
 
<!-- New York -->
<div id="tw_19_1528021115"><a href="https://hotel-mix.de/time/new-york-18103">New York</a></div> 
<script> function setWidgetData_1528021115(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_1528021115 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=1528021115;city_id=18103;wlangid=2"></script>
 

<!-- Sydney -->
<div id="tw_19_16423300"><a href="https://hotel-mix.de/time/sydney-30285">Sydney</a></div> 
<script> function setWidgetData_16423300(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_16423300 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=16423300;city_id=30285;wlangid=2"></script>
 
<!-- Peking -->
<div id="tw_19_84338178"><a href="https://hotel-mix.de/time/beijing-18391">Peking</a></div> 
<script> function setWidgetData_84338178(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_84338178 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=84338178;city_id=18391;wlangid=2"></script>
 
<!-- Tokio -->
<div id="tw_19_323043793"><a href="https://hotel-mix.de/time/tokyo-18247">Tokio</a></div> 
<script> function setWidgetData_323043793(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_323043793 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=323043793;city_id=18247;wlangid=2"></script>
 
<!-- Moskau -->
<div id="tw_19_541380136"><a href="https://hotel-mix.de/time/moscow-18171">Moskau</a></div> 
<script> function setWidgetData_541380136(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_541380136 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=541380136;city_id=18171;wlangid=2"></script>
 
<!-- Istanbul -->
<div id="tw_19_301587971"><a href="https://hotel-mix.de/time/istanbul-18319">Istanbul</a></div> 
<script> function setWidgetData_301587971(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_301587971 = -1; </script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=301587971;city_id=18319;wlangid=2"></script>
 
</div>
</center>
 
<script> 
  var css_file=document.createElement("link"); 
  css_file.setAttribute("rel","stylesheet"); 
  css_file.setAttribute("type","text/css"); 
  css_file.setAttribute("href","https://s.bookcdn.com//css/cl/bw-cl-180x170r9.css?v=0.0.1"); 
  document.getElementsByTagName("head")[0].appendChild(css_file);
</script>
 

Uhren-Vorlage minimiert:

1
2
3
4
5
6
7
8
9
 
<!-- Neue Weltzeituhr -->
<div id="tw_19_..........">
  <a href="#">Neue Uhr</a>
</div> 
<script> 
function setWidgetData_.........(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } 
var clock_timer_......... = -1; 
</script> 
<script src="https://widgets.booked.net/time/info?ver=2;type=19;id=.........;city_id=.....;wlangid=2"></script>
 

Schlie�en

Interessante Seiten zum Thema Zeit

Zeitverschiebung & Zeitumstellung

Viel Spaß beim Ausprobieren

Wolfgang

Antworten

Moderations-Kommentar:

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

#12 | Neue Weltzeituhr mit Datumausgabe, Lokalzeit und automatische Zeitumstellung - Teil 1+2 datum

03.08.2019 18:20 (zuletzt bearbeitet: 16.01.2024 18:32)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1642

Neue Weltzeituhr mit Datumausgabe, Lokalzeit und automatische Zeitumstellung - Teil 1
Aktualisiert 16.01.24

Wichtig!Die Skripte in den Beiträgen #3, #6 und #8 sind schon in die Jahre gekommen und haben die Zeitumstellung noch nicht berücksichtigt!
Sie laufen dafür aber in älteren Browsern, jetzt auch mobil!
Update folgt!

Das folgende neue Skript weist viele gute Vorteile auf, hat aber auch einige Nachteile:

Vorteile

Hinzu gekommen ist die automatische Umschaltung der Sommerzeit!
Die Uhr lässt sich mit anderen Städten und Länder leichter erweitern!
Man braucht für die Erweiterung nur eine Zeile hinzufügen oder verändern!
Die Uhren lassen sich beliebig formatieren und erweitern!
Alle Zeitverschiebungen von einer 1/2 Std., auch von einer 3/4 Std. sind jetzt möglich auch!
Selbst Zeitformate sind änderbar (de-DE, en-US, en-GB, siehe auch Beitrag #13)!
Kleines Skript!
Man ist unabhängig von Uhren-Skript-Anbieter und Werbung!

Nachteile

Uhren laufen im Internet Explorer nur mit einem Java-Hilfs-Script, im Edge-Browser ist das Skript nicht erforderlich!
Uhren laufen nicht in älteren Browsern!

Installation für alle Templates & Mobil

Einbau für die folgenden Beispiele

Die folgenden Skripte können 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!

Weltzeituhr mit Lokalzeit:

Verschiedenes zum Einbau

Um eine Stadt oder ein Land nachzutragen oder zu ändern, braucht man nur hinter "data-time" den Namen der Zeitzone einzugeben (Zeile 12-17). Für die "Lokalzeit" hinter "data-local" (Zeile 10).
Alle Namen der Zeitzone sind auf der Liste unter Timezone db, in der Spalte "Time Zone" zu finden!

Änderungen in Skript:

Hintergrundbild lässt sich in Zeile 2 ändern oder löschen.
Schriftformat für Lokalzeit über Zeile 5 .
Schriftformat für Stadt oder Land über Zeile 3
Schriftformat für Datum und Zeit, Zeile 4
In Zeile 23 befindet sich das Hilfs-Script für den Internet Explorer!
Nähere Beschreibung zum Hilfsskript: Question: JavaScript - IE 11 throwing

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
 
<style>
  .timezone_Loc {background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; border-radius:20px; text-align:center; position:relative; top: 10px; margin-bottom:20px; padding: 5px; border:5px double #aaaaaa; display:inline-block;}
  .timezone_Loc div {font-weight: bold; color:#aaffff; font-size:13px; padding:5px 5px 5px 5px; display:inline-block;}
  .timezone_Loc div div {font-size:12px; color:#ffffff; text-align:center; display:block;}
  .timezone_Loc .local div {text-align:center; color:#ffffff; font-size:17px;}
</style>
 
<center>
<div class="timezone_Loc">
  <div class="local" colspan="16"><div data-local="Europe/Berlin"></div></div><br>
 
  <div>Stockholm <div data-time="Europe/Stockholm"></div></div>
  <div>Los Angeles <div data-time="America/Los_Angeles"></div></div>
  <div>New York <div data-time="America/New_York"></div></div>
  <div>Nepal <div data-time="Asia/Kathmandu"></div></div>
  <div>Sri Lanka <div data-time="Asia/Colombo"></div></div>
  <div>Sydney <div data-time="Australia/Sydney"></div></div>
 
</div>
</center>
 
<!-- Erforderliches Skript für den alten Internet Explorer -->
<script src="https://unpkg.com/date-time-format-timezone@latest/build/browserified/date-time-format-timezone-complete-min.js"></script>
 
<script>
function ZoneTimes() {
  //Zonen-Zeit
  var timeloc = new Date();
  var datatime = document.querySelectorAll("[data-time]");
  for (var l = 0; l < datatime.length; l ++) {
    var zoneall = datatime[l];
    zoneall.innerHTML = timeloc.toLocaleString('de-DE', {timeZone: zoneall.dataset.time,hour:'numeric',minute:'numeric',second:'numeric'}) +'<br>'+timeloc.toLocaleString('de-DE', {timeZone: zoneall.dataset.time,weekday:'short',year: 'numeric', month: 'numeric', day: 'numeric',month:'2-digit', day:'2-digit'});
  }
 
  //Local-Zeit
  var datalocal = document.querySelectorAll("[data-local]");
  for (var l = 0; l < datalocal.length; l ++) {
    var zonelocal = datalocal[l];
    zonelocal.innerHTML = timeloc.toLocaleString('de-DE', {timeZone: zonelocal.dataset.local,weekday:'long',year: 'numeric', month: 'numeric', day: 'numeric',month:'2-digit', day:'2-digit',hour:'numeric',minute:'numeric',second:'numeric'});
  }
}
ZoneTimes();
 
setInterval(ZoneTimes, 1000);
</script>
 

Schlie�en

Weltzeituhr ohne Lokalzeit:

Verschiedenes zum Einbau

Um eine Stadt oder ein Land nachzutragen oder zu ändern, braucht man nur hinter "data-time" den Namen der Zeitzone einzugeben (Zeile 10-15).
Alle Namen der Zeitzone sind auf der Liste unter Timezone db, in der Spalte "Time Zone" zu finden!

Änderungen in Skript:

Hintergrundbild lässt sich in Zeile 2 ändern oder löschen.
Schriftformat für Stadt oder Land über Zeile 3
Schriftformat für Datum und Zeit, Zeile 4
In Zeile 21 befindet sich das Hilfs-Script für den Internet Explorer!
Nähere Beschreibung zum Hilfsskript: Question: JavaScript - IE 11 throwing

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
 
<style>
  .timezone_Loc {background-image:url(https://files.homepagemodules.de/b104774/f46t1197p2706n153_yAwLtUQm.jpg); background-position: center -100px; border-radius:20px; text-align:center; position:relative; top: 10px; margin-bottom:20px; padding: 5px; border:5px double #aaaaaa; display:inline-block;}
  .timezone_Loc div {font-weight: bold; color:#aaffff; font-size:13px; padding:5px 5px 5px 5px; display:inline-block;}
  .timezone_Loc div div {font-size:12px; color:#ffffff; text-align:center; display:block;}
</style>
 
<center>
<div class="timezone_Loc">
 
  <div>Stockholm <div data-time="Europe/Stockholm"></div></div>
  <div>Los Angeles <div data-time="America/Los_Angeles"></div></div>
  <div>New York <div data-time="America/New_York"></div></div>
  <div>Nepal <div data-time="Asia/Kathmandu"></div></div>
  <div>Sri Lanka <div data-time="Asia/Colombo"></div></div>
  <div>Sydney <div data-time="Australia/Sydney"></div></div>
 
</div>
</center>
 
<!-- Erforderliches Skript für den alten Internet Explorer -->
<script src="https://unpkg.com/date-time-format-timezone@latest/build/browserified/date-time-format-timezone-complete-min.js"></script>
 
<script>
function ZoneTimes() {
  //Zonen-Zeit
  var timeloc = new Date();
  var datatime = document.querySelectorAll("[data-time]");
  for (var l = 0; l < datatime.length; l ++) {
    var zoneall = datatime[l];
    zoneall.innerHTML = timeloc.toLocaleString('de-DE', {timeZone: zoneall.dataset.time,hour:'numeric',minute:'numeric',second:'numeric'}) +'<br>'+timeloc.toLocaleString('de-DE', {timeZone: zoneall.dataset.time,weekday:'short',year: 'numeric', month: 'numeric', day: 'numeric',month:'2-digit', day:'2-digit'});
  }
}
ZoneTimes();
 
setInterval(ZoneTimes, 1000);
</script>
 

Schlie�en

So sehen die neue Weltzeituhr in Aktion aus!

ZeitzonenrechnerZeitverschiebung
Zeitzonenkarte
Komplette Liste der verschiedenen Zeitzonen

Zeitumstellung (Sommerzeit)Zeitumstellung in Europa
Zeitumstellung und Zeitzonen in Europa
Zeitumstellung weltweit

Bis dann und gutes Gelingen

Wolfgang

Antworten

Moderations-Kommentar:

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

#13 | Neue Weltzeituhr mit anderen Zeitformaten - Teil 1+2! datum

05.08.2019 20:51 (zuletzt bearbeitet: 16.01.2024 18:32)

Neue Weltzeituhr mit anderen Zeitformaten - Teil 2!
Aktualisiert 16.01.24

Die Weltzeituhr aus Beitrag #12 besteht aus einem sehr kleinen und vielseitigen Skript!

In dem folgenden Beitrag werden die Zeitformate genauer untersucht und verändert!
Sehr vorteilhaft, wenn man nicht in Deutschland, sondern in einem anderen Land, wie Amerika, England, Australien, China oder woanders lebt!
Hier sind die örtlichen Zeitformate angebrachter und werden bestimmt auch lieber genutzt!

en-GB (Britisches Englisch

So können die unterschiedlichen Zeitformate für die Weltzeit "New York" aussehen:


en-US (Amerikanisches Englisch)	en-GB (Britisches Englisch)	nl-NL (Holland)

fr-FR(Frankreich)	es-ES (Spanien)	it-IT (Italien)

pl-PL (Polen)	tr-TR (Türkei)	ja-JP (Japan)

Schlie�en

Installation

Sprach- und Länderkürzel tauschen

Für die Anpassung an das entsprechende Zeitformat des Landes benötigt man ein zusammengesetztes "Sprach- und Länderkürzel"!
In der folgenden Tabelle das entsprechende "Sprach- und Länderkürzel" aussuchen und im Skript austauschen!
Im Skript mit Lokalzeit, 2x das Sprach- und Länderkürzel "de-DE" austauschen (Zeile 32 +39)!
Im Skript ohne Lokalzeit 2x das Sprach- und Länderkürzel "de-DE" austauschen (Zeile 30)!

Die wichtigsten Sprach- und Länderkürzel im Überblick

Deutsch: de-DE
Schweizerdeutsch: de-CH
Österreichisches Deutsch: de-AT
Luxemburgisches Deutsch: de-LU
Amerikanisches Englisch: en-US
Britisches Englisch: en-GB
Kanadisches Englisch: en-CA
Australisches Englisch: en-AU
Süd Africa: af-ZA
Polen: pl-PL
Techoslowakei: cs-CZ
Niederland: nl-NL
Spanien: es-ES
Italien: it-IT
Türkei: tr-TR
Frankreich: fr-FR
Japan: ja-JP
China: zh-CN

Weitere Sprach- und Länderkürzel

Definition der Sprachenkürzel nach RFC 1766, auf der Basis von Länderkürzeln nach ISO 3166 und Sprachenkürzeln nach ISO 639-1!

Bis dann, viel Spaß und Erfolg
Wolfgang

Antworten

Moderations-Kommentar:

Beitrag überarbeitet und an Beitrag #12 angepasst!

#14 | Update: Weltzeituhren datum

16.01.2024 18:04 (zuletzt bearbeitet: 16.01.2024 19:14)

Update: Weltzeituhren

GeschafftAlle Skripte der Weltzeituhren aus den Beiträgen #3, #6, #8, #11 und #12 haben ein Update bekommen!
Die Beiträge sind komplett überarbeitet, Anleitungen werden genauer erklärt und die Weltzeituhren können jetzt gut auf mobilen Endgeräten wiedergegeben werden!

Alte SkripteEs hat sich herausgestellt, das die Skripte aus den Beiträgen #3, #6 und #8 in die Jahre gekommen sind und keine Zeitumstellung beinhalten, laufen aber in älteren Browsern recht gut!

NachtragEin Update für die älteren Skripte aus den Beiträgen #3, #6 und #8 wird es doch nicht geben, weil man zu Beginn und Ende der Sommerzeit und an einem bestimmten Tag eine Zeitkorrektur einbauen muss!
Dass würde den Rahmen sprengen, denke ich und die Nachfrage dürfte auch nicht so groß sein, zumal es ja die ausgereiften Skripte aus den Beiträgen #11 und #12 gibt!

Bis dann
Wolfgang

Gabriella findet das Top!

Antworten

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

Seite 2 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: 478

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

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

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

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

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

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

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

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 €

93%

Eigene Weltzeituhr aus fertigen Online-Skripten erstellen, mit Zeitumstellung!Aktualisiert 17.01.24

Neue Weltzeituhr mit Datumausgabe, Lokalzeit und automatische Zeitumstellung - Teil 1Aktualisiert 16.01.24

Neue Weltzeituhr mit anderen Zeitformaten - Teil 2!Aktualisiert 16.01.24

Update: Weltzeituhren

Eigene Weltzeituhr aus fertigen Online-Skripten erstellen, mit Zeitumstellung!
Aktualisiert 17.01.24

Neue Weltzeituhr mit Datumausgabe, Lokalzeit und automatische Zeitumstellung - Teil 1
Aktualisiert 16.01.24

Neue Weltzeituhr mit anderen Zeitformaten - Teil 2!
Aktualisiert 16.01.24