JavaScript - Auslesen der Benutzer-Zeitzone

Klicken Sie auf die Schaltfläche, um den Namen Ihrer aktuellen Zeitzone zu sehen:


<?php

// timezone.php

if (isset($_GET["timezone_offset_minutes"])) {

 
// Minuten in Sekunden konvertieren
 
$timezone_name timezone_name_from_abbr(""$_GET["timezone_offset_minutes"]*60false);
 exit(
$timezone_name);
}
?>

<style>
div#output {
 
color:Red;
}
</
style>

<
p>Klicken Sie auf die Schaltflächeum den Namen Ihrer aktuellen Zeitzone zu sehen:<br>
<
button type="button" id="button">Aktuelle Zeitzone</button></p>

<
div id="output"></div>

<
script>
document.getElementById("button").addEventListener("click", function () {

 
// Die getTimezoneOffset-Methode gibt die Zeitzonen in Minuten von der aktuellen Ortszeit zu UTC aus.
 
var timezone_offset_minutes = new Date().getTimezoneOffset();

 
// Es sollte beachtet werden, dass getTimezoneOffset einen Offset zurückgibt, der positiv ist, wenn die lokale 
 // Zeitzone hinter UTC und negativ ist, wenn sie vorn liegt. Daher müssen wir dem Offset ein entgegengesetztes 
 // Vorzeichen (+ oder -) hinzufügen.
 
timezone_offset_minutes timezone_offset_minutes == : -timezone_offset_minutes;

 
// Den Offset über AJAX an PHP senden
 
const XHR = new XMLHttpRequest();

 
XHR.open("GET""timezone.php?timezone_offset_minutes=" timezone_offset_minutestrue);
 
XHR.send(null);
 
XHR.onreadystatechange = function () {
  if (
XHR.readyState == &&
      
XHR.status == 200) {
     
document.querySelector("#output").innerText XHR.responseText;
   }
 }

});
</
script>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<main> Hauptinhalt der Seite

CSS - Ladeanimation ohne Bild-Grafik

PHP - Ein Wort in einem Text markieren

JavaScript - Zahlen aus zwei Eingabefeldern zusammenzählen

MySQL - Flexible Insert-Funktion