js獲取世界不一樣時區的當前時間

時間 2019-11-11

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="utf-8" />
 5     <title>設置顯示不一樣時區時間</title>
 6   </head>
 7 
 8   <body>
 9     <p id="showdate"></p>
10 
11     <!--引入jQuery插件 -->
12     <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
13 
14     <script>
15         // 時間設置
16         var timezone = 8; // 時區 ： 東區時區1~12 西區時區-1~-12
17         var date;
18 
19         date = getLocalTime(timezone)
20           .toString()
21           .split("GMT+")[0]
22           .toString();
23         $("#showdate").html(date);
24 
25         function getLocalTime(i) {
26           if (typeof i !== "number") {
27             return new Date();
28           }
29           var d = new Date();
30           var len = d.getTime();
31           var offset = d.getTimezoneOffset() * 60000;
32           var utcTime = len + offset;
33           return new Date(utcTime + 3600000 * i);
34         }
35 
36         // 時間設置end
37 
38         window.onload = function() {
39           // 調用時間
40           var setdate = setInterval(() => {
41             date = getLocalTime(timezone)
42               .toString()
43               .split("GMT+")[0]
44               .toString();
45             $("#showdate").html(date);
46           }, 1000);
47 
48           // 調用時間end
49         };
50     </script>
51   </body>
52 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。