huyueshan

导航

js获取世界不同时区的当前时间 

 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>

 

posted on 2019-03-01 09:54  huyueshan  阅读(10486)  评论(0)  编辑  收藏  举报