javaScript实现世界各地时间显示

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>世界各地时间</title><style>*{margin: 0px;padding: 0px;background-color: black;}#box{width: 500px;margin:50px auto;border:1px solid;padding:20px;background-color: #0f0;}p{font-size:20px;font-weight: bold;padding:5px;border-bottom: 2px solid #ddd;background-color: #ffffff;}span{display: inline-block;text-indent: 20px;background-color: #ffff;}</style>
</head>
<body><div id="box"><p>伦敦时间：<br><span></span></p><p>北京时间：<br><span></span></p><p>悉尼时间：<br><span></span></p><p>洛杉矶时间：<br><span></span></p><p>印度时间：<br><span></span></p><p>迪拜时间：<br><span></span></p><p>西班牙时间：<br><span></span></p></div><script>//获取到spanvar spans = document.getElementsByTagName("span");//定义星期数组var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//有名函数function fn(){var date = new Date();//获得中时区的时间（毫秒）var UTCTime = Date.now() + date.getTimezoneOffset()*60*1000;//定义数组  var timeArr = [dateFormat(UTCTime + 60*60*1000),     //伦敦dateFormat(date),                     //北京dateFormat(UTCTime + 11*60*60*1000),  //悉尼dateFormat(UTCTime - 7*60*60*1000),   //洛杉矶dateFormat(UTCTime + 6*60*60*1000),   //印度dateFormat(UTCTime + 4*60*60*1000),   //迪拜dateFormat(UTCTime + 2*60*60*1000)    //西班牙];//打印到控制台console.log(timeArr);//添加数据for( var i = 0;i<spans.length;i++ ){spans[i].innerHTML = timeArr[i];}}//执行fn();//多次执行的定时器setInterval(fn,1000);        //传入形参  计算年月日....function dateFormat(d){            var date = new Date(d);var YY = date.getFullYear();    var MM = date.getMonth() + 1 ; var Day = date.getDay(); //星期三？？？var DD = date.getDate();var hh = addZero(date.getHours());var mm = addZero(date.getMinutes());var ss = addZero(date.getSeconds());return  YY + "年" + MM + "月" + DD + "日" + hh + "时" + mm + "分" + ss + "秒  " + arr[Day]}//使输出的格式为双数function addZero ( n ){return n < 10 ? "0" + n : n + "";}        </script>
</body>
</html>

javaScript实现世界各地时间显示相关推荐

模拟智能手环的时间显示功能 c语言,javascript实现智能手环时间显示
本文实例为大家分享了javascript实现智能手环时间显示的具体代码,供大家参考,具体内容如下代码: Document #shijian{ width: 500px;height: 120px;b ...
同时显示世界各地时间的会走动的时钟
同时显示世界各地时间的会走动的时钟演示 XML/HTML Code <div id="clock_hou" class="clock_container" ...
根据时间显示不同的问候语的JavaScript代码
对于最近有许多的初学开发者问我关于根据时间显示不同的问候语的JavaScript代码问题,所以今天将自己整理的一些代码在这里分享出来,供初学者参考,如果在运行过程中有问题,可以给我在下方留言. < ...
我的世界服务器退出信息,连接到我的世界服务器，显示聊天[关闭](Connecting to a minecraft server, Displaying chat [closed])...
连接到我的世界服务器,显示聊天[关闭](Connecting to a minecraft server, Displaying chat [closed]) 是否可以创建一个jar文件,该文件在执行 ...
html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法
本文实例讲述了javascript实现点击后变换按钮显示文字的方法.分享给大家供大家参考.具体实现方法如下: 显示一些按钮,如果点击了, 当前点击的按钮文本变为"点了",其他按钮文 ...
c语言switch写值班表,如何用asp编写按周轮换的值班表？例，1月份的值班领导有4位，怎样写可以让4位领导的名字自动到时间显示...
如何用asp编写按周轮换的值班表?例,1月份的值班领导有4位,怎样写可以让4位领导的名字自动到时间显示以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容 ...
mysql timestamp utc_MySQL 5.7 时间显示修改(log_timestamps UTC)
https://blog.csdn.net/leshami/article/details/78952842 https://blog.csdn.net/hyy_217/article/details ...
java 友好时间显示_仿微信的IM聊天时间显示格式(含iOS/Android/Web实现)[图文+源码]...
本文为原创分享,转载请注明出处. 1.引言即时通讯IM应用中的聊天消息时间显示是个再常见不过的需求,现在都讲究用户体验,所以时间显示再也不能像传统软件一样简单粗地暴显示成"年/月/日时: ...
在别人网页上运行js脚本_初始JavaScript，世界上最流行的语言之一
1.JavaScript 是什么? JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思) 脚本语言:不需要编译,运行过程中由 js 解释器( j ...

javaScript实现世界各地时间显示

代码如下：

javaScript实现世界各地时间显示相关推荐

最新文章

热门文章