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

最新推荐文章于 2024-05-27 14:33:39 发布

weixin_30414635

最新推荐文章于 2024-05-27 14:33:39 发布

阅读量861

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhenguo-chen/p/10454745.html

版权

 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>

转载于:https://www.cnblogs.com/zhenguo-chen/p/10454745.html

weixin_30414635

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取世界不同时区的当前时间

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>设置显示不同时区时间</title> 6 </head> 7 8 <body> 9 ...
复制链接

扫一扫