JavaScript 脚本将当地时间转换成其它时区


Posted in Javascript onMarch 19, 2009

但是,如果你想显示不同地区的时间—--例如,如果你的本部在别的国家,你想查看“本国”时间而非当地时间,又该怎么办呢?
要做到这一点,必须进行各种时间计算才能将当地时间转换为目的时间。本文将解释如何进行这些计算。
第一步:
事情的第一步是获得当地时间。在JavaScript中,这无疑可以通过初始化一个Data()对象来轻松完成。
// create Date object for current location
d = new Date();
通过调用Data()对象的getTime()方法,即可显示1970年1月1日后到此当时时间之间的毫秒数。
// convert to msec since Jan 1 1970
localTime = d.getTime();
第二步:
下一步,通过Data()对象的getTimezoneOffset()方法来找出当地时间偏移值。在缺省情况下,此方法以分钟显示时区偏移值结果,因此在早先的计算中要将此值转换成毫秒。
// obtain local UTC offset and convert to msec
localOffset = d.getTimezoneOffset() * 60000;
注意,getTimezoneOffset()方法的负返回值表示当地时间在全球标准时间(UTC)之前,而正返回值则表示当地时间在全球标准时间(UTC)之后。
注意:万一你想知道我是如何得到60000这个倍增因数的,记住1000毫秒等于一秒,而一分钟等于60秒。因此 ,将分钟转换成毫秒,要用60乘以1000等于60000。
第三步
将本地时间与本地时区偏移值相加得到当前国际标准时间(UTC)。
// obtain UTC time in msec
utc = localTime + localOffset;
这里,变量utc包含当前国际标准时间(UTC)。但是,此时间以1970年1月1日到现在所含有的毫秒数来表示。暂时让它这样表示,因为还要进行一些计算。
第四步
得到国际标准时间(UTC)后,再获得目标城市的国际标准时间(UTC)小时偏移值,把它转换成毫秒,再加上国际标准时间(UTC)。
// obtain and add destination's UTC time offset
// for example, Bombay
// which is UTC + 5.5 hours
offset = 5.5;
bombay = utc + (3600000*offset);
注意:万一你想知道我是如何得到3600000这个倍增因数的,记住1000毫秒等于一秒,而一小时等于3600秒。因此 ,将小时转换成毫秒,要用3600乘以1000等于3600000。
此时,变量bombay包含印度孟买城的当地时间。此当地时间以1970年1月1日到现在所含有的毫秒数来表示。显然,这不是很合理,因此我们还要进行一些计算。
第五步
通过初始化一个新的Data()对象,并调用此对象的toLocalString()方法,我们将前一步中计算得到的时间值转换成一个大家可以看得懂的日期/时间字符串。
// convert msec value to date string
nd = new Date(bombay);
document.writeln("Bombay time is " + nd.toLocaleString() + "<br>");
这样转换就完成了!
总结
理解上面的步骤后,我们再看一看这段脚本(列表A),它建立一个紧凑,自定义的函数calcTime()来执行所有的计算并返回一个时间值。
列表A
<html>
<head>
<script language="JavaScript">
// function to calculate local time
// in a different city
// given the city's UTC offset
function calcTime(city, offset) {
// create Date object for current location
d = new Date();
// convert to msec
// add local time zone offset
// get UTC time in msec
utc = d.getTime() + (d.getTimezoneOffset() * 60000);
// create new Date object for different city
// using supplied offset
nd = new Date(utc + (3600000*offset));
// return time as a string
return "The local time in " + city + " is " + nd.toLocaleString();
}
// get Bombay time
alert(calcTime('Bombay', '+5.5'));
// get Singapore time
alert(calcTime('Singapore', '+8'));
// get London time
alert(calcTime('London', '+1'));
</script>
</head>
<body>
</body>
</html>
这里,函数calcTime()接受一个城市名及它的国际标准时间(UTC)偏移值(按小时计)。然后内部执行所有上面描述的计算,并返回一个包含此城市当地时间的字符串。
以下是列表A输出内容的一些样本。
孟买当地时间为2005年8月1日,星期一下午4时43分51秒
新加坡当地时间为2005年8月1日,星期一下午7时13分51秒
伦敦当地时间为2005年8月1日,星期一下午12时13分51秒

Javascript 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
深入浅析JSONAPI在PHP中的应用
Dec 24 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
微信小程序实现分享商品海报功能
Sep 30 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
浅谈vue权限管理实现及流程
Apr 23 Javascript
element中的$confirm的使用
Apr 26 Javascript
JavaScript Image对象实现原理实例解析
Aug 26 Javascript
javascript attachEvent和addEventListener使用方法
Mar 19 #Javascript
for 循环性能比较 提高for循环的效率
Mar 19 #Javascript
js no-repeat写法 背景不重复
Mar 18 #Javascript
javascript 避免闭包引发的问题
Mar 17 #Javascript
用JavaScript编写COM组件的步骤
Mar 17 #Javascript
IE6与IE7中,innerHTML获取param的区别
Mar 15 #Javascript
InnerHtml和InnerText的区别分析
Mar 13 #Javascript
You might like
for循环连续求和、九九乘法表代码
2012/02/20 PHP
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
php查找任何页面上的所有链接的方法
2013/12/03 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
php之curl设置超时实例
2014/11/03 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
JavaScript实现简单贪吃蛇效果
2020/03/09 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
利用python如何处理nc数据详解
2018/05/23 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
python中加背景音乐如何操作
2020/07/19 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
Topshop法国官网:英国快速时尚品牌
2018/04/08 全球购物
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
ddl,dml和dcl的含义
2016/05/08 面试题
优秀求职信范文分享
2014/01/26 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
股权转让协议书范本
2014/04/12 职场文书
2014年冬季防火方案
2014/05/21 职场文书
电子信息工程自荐信
2014/05/26 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
使用 Docker Compose 构建复杂的多容器App
2022/04/30 Servers
如何利用python创作字符画
2022/06/25 Python