javascriptでマレーシアの現地時間を取得したい

日本国内サーバーにて運用してますサイト上にJSでマレーシアの現地時間を表示させたく調べてましたがわかりません。

下記スクリプトで現在日本時間を表示させています

このあたりが参考になるかなと思い試しましたがどうもうまくいきません。
https://www.pazru.net/js/date/3.html

お力添えいただければ幸いです
よろしくお願いします

kei344

2019/09/14 16:40

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

行動規範の内容に同意します

回答3件

こんにちは。

以下は moment と、moment でタイムゾーンを含む処理を行うための moment-timezone を使ったコード例になります。Asia/Kuala_Lumpur と Asia/Tokyo の現在日時を１秒おきに取得して、表示します。

html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Q211912</title>
6    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
7    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.26/moment-timezone.min.js"></script>
8    <script>
9        document.addEventListener('DOMContentLoaded', function() {
10
11          const dateFormat = 'YYYY/MM/DD HH:mm:ss Z';
12
13          moment.tz.add([
14            'Asia/Kuala_Lumpur|SMT +07 +0720 +0730 +09 +08|-6T.p -70 -7k -7u -90 -80|0123435|-2Bg6T.p 17anT.p l5XE 17bO 8Fyu 1so1u|71e5',
15            'Asia/Tokyo|JST JDT|-90 -a0|010101010|-QJJ0 Rb0 1ld0 14n0 1zd0 On0 1zd0 On0|38e6'
16          ]);
17
18          const updateTimes = () => {
19            const now = moment();
20            document.getElementById('SMT').innerText = now.tz('Asia/Kuala_Lumpur').format(dateFormat);
21            document.getElementById('JST').innerText = now.tz('Asia/Tokyo').format(dateFormat);
22          }
23
24          updateTimes();
25          setInterval(updateTimes, 1000);
26        })
27    </script>
28    <style>
29        table, td { border: solid 1px #000; }
30        table { border-collapse: collapse; }
31        td { padding: 10px; }
32    </style>
33</head>
34<body>
35<table>
36    <tr><td>Asia/Kuala_Lumpur</td><td id="SMT"></td></tr>
37    <tr><td>Asia/Tokyo</td><td id="JST"></td></tr>
38</table>
39</body>
40</html>

上記の HTML をブラウザで表示すると、以下のようになります、

以上、参考になれば幸いです。

投稿2019/09/14 18:02

編集2019/09/14 18:54

jun68ykt

総合スコア9058

sugar54

2019/09/14 18:59

ありがとうございます。勉強になります。

行動規範の内容に同意します

ベストアンサー

new Date(); に対してシンプルに getHours() や getMinutes() したとき、得られるのは閲覧者のブラウザが所属する地域での地方時です。サーバーが日本にあってもマレーシアから (あるいはシステムロケールがマレーシアに設定されたPC等から) 閲覧した場合はマレーシア標準時が表示されます。

次の例は、getUTCHours() が、閲覧者のシステムロケールに関わらず必ず世界標準時での値を返すことを利用して、時差を加味した世界標準時での時刻 (ややこしいですね、うまく言葉にできないです) を得るコードです

js
1const unixtime = Date.now();
2console.log('JST', getClockStrings(unixtime, 9))
3console.log('MST', getClockStrings(unixtime, 8))
4
5function getClockStrings(unixtime, diffHoursFromUTC) {
6  const diff = diffHoursFromUTC * 60 * 60 * 1000;
7  const date = new Date(unixtime + diff);
8  return `${date.getUTCHours()}:${date.getUTCMinutes()}`;
9}