Wie kann ich bei Javascript eine andere Zeitzone anzeigen?

Hallo,

ich habe absolut keine Ahnung von Javascript, bin aber jetzt darauf angewiesen.

Ich möchte gerne auf einer Webseite die fortlaufende Uhrzeit für ein paar Städte in verschiedenen Zeitzonen anzeigen. Bei PHP wäre das sehr einfach indem ich für Melbourne z.B. folgendes eingebe:

date_default_timezone_set('Australia/Melbourne');

Aber leider kann PHP ja keine fortlaufende Uhrzeit anzeigen

Nun habe ich dieses Javascript Programm im Internet entdeckt und das entspricht auch meinen Vorstellungen. Nur wie kann ich hier andere Zeitzonen einstellen?

   <h3>Berlin</h3>
   <p id="zeit_berlin">
       <script>
           window.setInterval("datum()",1000);

           function datum() {
              var zeit = new Date ();
              var stunde = (zeit.getHours() < 10 ? '0' + zeit.getHours() : zeit.getHours());
              var minute = (zeit.getMinutes() < 10 ? '0' + zeit.getMinutes() : zeit.getMinutes());
              var sekunde = (zeit.getSeconds() < 10 ? '0' + zeit.getSeconds() : zeit.getSeconds());
              document.getElementById("zeit_berlin").innerHTML = ' '
              + stunde + ':' + minute + ':' + sekunde;
           }

           datum();

       </script>
   </p>

Vielen Dank für jede Hilfe.

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, JavaScript

29.05.2022, 04:32

Du kannst die toLocaleString-Methode verwenden. Im options-Argument kann eine Zeitzone gesetzt werden. Die genauen Namen gibt IANA vor, für einen raschen Einblick genügt womöglich auch diese Seite.

Beispiel:

someDate.toLocaleString("en-US", { timeZone: "America/New_York" });

Schau in die verlinkte Dokumentation bezüglich konkreter Formatierungen der Zeitangabe.

Noch eine andere Maßnahme wäre es, selbst kurz via Google zu recherchieren, wie groß die Zeitunterschiede zur Weltzeit (UTC) sind. Dein Skript könntest du dementsprechend anpassen:

function aktuelleZeit(stundenabweichung, minutenabweichung, sekundenabweichung) {
  const zeit = new Date();

  const stunde = zeit.getUTCHours() + stundenabweichung;
  const stundenanzeige = (stunde < 10 ? '0' + stunde : stunde);

  // etc. ...

  return stundenanzeige + ':' + minutenanzeige + ':' + sekundenanzeige;
}

document.getElementById("zeit_berlin").innerHTML = aktuelleZeit(1, 0, 0);

Schau dazu in die Dokumentation von MDN. Zu jeder Angabe gibt es eine UTC-Methode.

Tendo191

28.05.2022, 21:11

An sich selbst ist es in JavaScript nicht möglich, andere Zeitzonen ohne weiteres abzufragen. In der Funktion hier fragst du immer die Client-seitige Zeit ab (vom System des Benutzers her). Bedenke unbedingt, dass JavaScript eine client-seitige Programmiersprache ist. Sicherlich gibt es Frameworks, welche eine Abfrage der Zeit nach Zeitzonen möglich macht. Müsstest du mal googeln.

Woher ich das weiß:Berufserfahrung

Was muss ich hier eingeben um das Datum + Uhrzeit anzeigen zu lassen?

Hierbei handelt es sich um ein Google Form Script

...zur Frage

Kann Javascript das Datum der eigenen Datei lesen?

HTML-Dateien sollen das Datum der letzten Änderung anzeigen. Mit PHP funktioniert es so:

<p>Stand: <?=date( "d.m.Y", filemtime(__FILE__))?></p>

aber local habe ich keinen PHP-Interpreter. Wie bekomme ich das mit Javascript hin?

Gruß, 10tel

...zur Frage

Quelltext vom Javascript unleserlich machen?

Hallo,

ist es möglich den Quelltext von einem Javascript unleserlich zu machen?

Beispiel:

<script type="text/javascript">
    function openNewTab() {
        whttp://URL("http://URL die durch PHP generiert wird");
    }
   </script>

Anhand von Eingabefeldern werden bestimmte Sachen abgefragt. Durch die eingegebenen Sachen wird dann der Link erzeugt.

Ist es irgendwie möglich, dass der Link nicht im Quelltext ersichtlich ist?

Danke im Voraus

...zur Frage

Warum wird alert nicht ausgeführt (Javascript)?

Hi ich Frage mich warum mein alert nicht ausgeführt wird wenn ich auf den buten klicke ...könnte jemand der Javascript beherrscht mir den Fehler sagen ?

Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

alert ("willkommen hier");

</script>

var beschreibung = "super,mega,hammer";

var alter= 25;

var vergeben = false;

var name = "boy withb the spoon";

var leer = null;

document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);

</script>

//diese variable ist sehr komplieziert

function geklickt(){

alert ("willkommen hier zum zweiten mal");

}

</script>

<form>

</form>

</body>

</html>

...zur Frage

JavaScript funktioniert nicht in externer Datei?

Hallo,

ich bin dabei Javascript zu lernen und komme irgendwie mit der externen Datei von Javascript nicht klar. Das einzige, was ich machen möchte ist, die aktuelle Uhrzeit anzeigen zu lassen. in der HTML-Datei selbst funktioniert das, aber nicht in der externen Datei. Muss ich vielleicht noch irgendetwas beachten, was ich nicht gemacht habe? Die einzelnen Bereiche schiebe ich unten rein.

HTML:

<html>
  <head>
    <title>Seitentitel</title>
    <meta charset="UTF-8">
    <link href="Design.css" rel="stylesheet">
    <script src="Programm.js"></script>
  </head>
  <body>
    <p id="az">Aktuelle Uhreit<p>
  </body>
</html>

CSS:

html {
  text-align: center;
  background-color: green;
}

p {
  font-size: 30pt;
  margin: 22%;
  color: darkred;
}

JavaScript:

var timer = document.getElementById("az");
document.write(timer);
var zeit = new Date();
var std = zeit.getHours();
var min = zeit.getMinutes();
var sec = zeit.getSeconds();
var ms = zeit.getMilliseconds();
zeit = std + ":" + min + ":" + sec + "." + ms;
timer.innerHTML = "zeit";

...zur Frage

PHP Datei automatisch jede Sekunde aktualisieren?

Hallo zusammen,

ich suche nach der besten und einfachsten Möglichkeit, eine PHP-Deitei (den Code darin, nicht die Seite) zu aktualisieren. Ich möchte auf meiner Seite zum Beispiel: - die Uhrzeit, - aktuelle Datenbank-Abfragen (auf die Sekunde genau), - einen Chat, - einen Hinweis bei neuen Privatnachrichten anzeigen lassen.

Dafür gibt es ja verschiedene Möglichkeiten (z.B.: mit iFrames, WebSockets oder LongPolling), jedoch würde ich gerne wissen wollen, welche Technik oder evtl. sogar welche Programmiersprache dafür die beste ist.

Mit JavaScript kenne ich mich übrigens noch(!) gar nicht aus, deswegen verstehe ich z. B. long polling noch nicht wirklich (zumindest die Umsetzung), habe bisher nur mit PHP programmiert...

Ich wäre euch für verständliche Antworten sehr dankbar!

...zur Frage

java script html text verändern jede sekunde?

wie kann man mit javascript machen das in html jede sekunde oder jede zweite sekunde sich der text ändert

...zur Frage

Wie kann man mit JavaScript die IP-Adresse ermitteln?

Kann man das überhaupt mit Java Script? Oder nur mit PHP? Wie wär der Code, wenn es gehen würde?

...zur Frage

Javascript Fetch API - Wie kann ich den Output als Variable weiterbearbeiten?

Ich hole mir in einer scoreboard.php Datei eine Liste mit Werten aus meiner MySQL Datenbank. Wie kann ich diese PHP Datei aus einem Script heraus aufrufen und die zurückgegebenen Werte weiter verarbeiten? Ich bin soweit, dass ich die Werte zwar mit console.log() ausgeben kann, jedoch hilft mir das nicht, da ich sie nicht ausgeben möchte sondern noch weiter verarbeiten.

var results;
fetch("includes/scoreboard.php")
  .then(res => res.text())
  .then(data => results = data);
  .then(() => console.log(results))

Wie bekomme ich die Ausgabe einer externen PHP Datei in eine JS Variable?

...zur Frage

JavaScript MessageBox nur einmal pro Besuch anzeigen?

var Aufrufer = 0x00;

var Date = new Date();var ComputerAddress = "Deine IP wird aus Sicherheitsgruenden 24 Std. gespeichert!\nVielen Dank fuer den Besuch auf \"www. .de\"\n\n";var AusgabeString = ComputerAddress + Date;

if(Aufrufer != 1<<0){

alert(AusgabeString);

}

Aufrufer=1<<0;

</script>

Hallo,

wie bekomme ich es hin, dass der User diese Meldung nur 1 x angezeigt bekommt. Auch das erneute laden sollte diese Nachricht nicht sichtbar machen..

Hat jemand eine Idee?

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

Javascript Tabelle ausgeben (array)?

Hallo,

wie oben zu sehen bin ich gerade dabei mein Script zu schreiben bzw lerne es. Ich habe eine Funktion aufgeschrieben welches mir mit dem Klick button diese Tabelle ausspuckt. In meinem Script stehen bei var Daten mehrere Zahlen aber mir wird nur die erste ausgegeben die anderen nicht. Wie kann ich dieses weiterführen, bis keine Zahlen mehr kommen?

...zur Frage

Javascript Variable in PHP Variable speichern?

Liebe Community,

Ich habe in JS eine Variable welche ich in PHP benutzen will, um den Inhalt einer Datei zu verändern. Mein PHP Code sieht so aus:

<?php
if (isset($_GET["data"])) {
    $stuff = "<script>document.write(JSON.stringify(scripts));</script>";
    echo $stuff;
    $newfilecontent = $stuff;
    file_put_contents("scriptlist.js", "let scripts = " . $newfilecontent);
}
?>

Das echo funktioniert also es wird die Variable angezeigt, in die Datei wird allerdings nicht die JS Variable gepackt, sondern der Text <script>document.write(JSON.stringify(scripts));</script>

Wie kann ich das vermeiden sodass auch dort das gleiche wie beim echo eingefügt wird?

Viele Grüße Koner

...zur Frage

Wie kann ich in js/javascript die schriftfarbe und schriftart ändern Und zwar in diesem script, möchte ich die schrift in weiß und comicsans MS

<TITLE>Zuletzt geändert</TITLE>
 <SCRIPT
Language="JavaScript">
 <!--
 var Monatsname = ["Januar",
"Februar", "März", "April", "Mai","Juni",
"Juli", "August", "September", "Oktober","November",
"Dezember"];
 var Tagname = ["Sonntag", "Montag",
"Dienstag", "Mittwoch","Donnerstag", "Freitag",
"Samstag"];
 function modifyString()
 {
 var date = new Date();

date.setTime(Date.parse(document.lastModified));
 return Tagname[date.getDay()]
+ ", den " + date.getDate() + ". "+ Monatsname[date.getMonth()]
+ " " + date.getYear();
 }
 // -->
 </SCRIPT>

</HEAD>
 <BODY>
 Dieses Dokument wurde zuletzt geändert
am : 
 <SCRIPT>
 document.writeln(modifyString() + "<BR>");

</SCRIPT>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen