毫无疑问，用JavaScript脚本可以通过直接查看用户的时钟，方便地在网页上显示本地时间。
但是，如果你想显示不同地区的时间—--例如，如果你的本部在别的国家，你想查看“本国”时间而非当地时间，又该怎么办呢？
要做到这一点，必须进行各种时间计算才能将当地时间转换为目的时间。本文将解释如何进行这些计算。

第一步：
事情的第一步是获得当地时间。在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秒

出处：http://www.jb51.net/article/17517.htm

JavaScript 将当地时间转换成其它时区的更多相关文章

  1. javascript将浮点数转换成整数的三个方法

    浮点数转换成整数方法有很多,本例为大家介绍常用的三个方法,如果读者想到其他好用方法,也可以交流一下   Summary 暂时我就想到3个方法而已.如果读者想到其他好用方法,也可以交流一下 parseI ...

  2. javascript将浮点数转换成整数

    Summary 临时我就想到3个方法而已.假设读者想到其它好用方法,也能够交流一下 parseInt 位运算符 Math.floor Math.ceil Description 一.parseInt ...

  3. Javascript中字符串转换成Date的方法

    //字符串转成Time(dateDiff)所需方法 function stringToTime(string) { var f = string.split(' ', 2); var d = (f[0 ...

  4. javaScript将string转换成array，并将汉字按汉语拼音排序方法

    亲测,代码如下: var str = '中华人民共和国民主富强': var arr = str.split("");//字符串装换数组方法一 //arr = str.replace ...

  5. javascript将毫秒转换成hh:mm:ss的形式

    function formatMilliseconds(value) { var second = parseInt(value) / 1000; // second var minute = 0; ...

  6. 用javascript操作xml(二)JavaScript 将XML转换成字符串(xml to string)

    function xmlToString(xmlData) { var xmlString; //IE if (window.ActiveXObject){ xmlString = xmlData.x ...

  7. javaScript中将时间戳转换成日期格式

    function DateFormt(time, format) { ); var o = { , "d+": testDate.getDate(), "h+" ...

  8. javascript 字符数组转换成以逗号隔开的字符串

    var ids = [];angular.forEach(pulsarServers,function (server) { ids.push(server.id);});ids = ids.join ...

  9. Javascript里，想把一个整数转换成字符串，字符串长度为2

    Javascript里,想把一个整数转换成字符串,字符串长度为2.  想把一个整数转换成字符串,字符串长度为2,怎么弄?比如 1 => "01"11 => " ...

随机推荐

  1. Each soul is individual and has its own merits and faults.

    Each soul is individual and has its own merits and faults. 每一个灵魂都是独特的,都有各自的美德和过错.<摆渡人>

  2. Android 适配底部返回键等虚拟键盘的完美解决方案

    这个问题来来回回困扰了我很久,一直没能妥善解决. 场景1:华为手机遮挡了屏幕底部. 场景2:进入应用时,虚拟键自动缩回,留下空白区域. 需求: 需要安卓能自适应底部虚拟按键,用户隐藏虚拟按键时应用要占 ...

  3. iOS消息体系架构详解-融云即时通讯云

    iOS SDK 体系架构 本文档将详细介绍融云的 SDK 产品架构和消息体系,以便于您更深入的了解融云并更快速的开发自己的产品. 融云 SDK 系统架构 IMKit IMKit 的功能主要是封装各种界 ...

  4. Android（java）学习笔记135：SQLite数据库（表）的创建 以及 SQLite数据库的升级

    一.数据库的创建 1.文件的创建      //引用,如果文件不存在是不会创建的   File  file = new File("haha.txt"):     //输出流写数据 ...

  5. coredata 删除与更新

    http://blog.csdn.net/rhljiayou/article/details/18037729 //删除 -(void)deleteData { NSManagedObjectCont ...

  6. MFC：AfxSetResourceHandle

    AfxGetResourceHandle用于获取当前资源模块句柄. 而AfxSetResourceHandle则用于设置程序目前要使用的资源模块句柄,一般在InitInstance()里调用.

  7. Java Object类 instanceof关键字 练习：判断是否为同一人 集合按照人的年龄排序，如果年龄相同按名字的字母顺序升序 Comparator比较器

    package com.swift; public class Same_Person_Test { public static void main(String[] args) { /* * Obj ...

  8. xmpp 协议详解

    XMPP(可扩展消息处理现场协议)是基于可扩展标记语言(XML)的协议,它用于即时消息(IM)以及在线现场探测.它在促进服务器之间的准即时操作.这个协议可能最终允许因特网用户向因特网上的其他任何人发送 ...

  9. Template 基础篇-函数模板（待看

    Template 基础篇-函数模板 Template所代表的泛型编程是C++语言中的重要的组成部分,我将通过几篇blog对这半年以来的学习做一个系统的总结,本文是基础篇的第一部分. Template ...

  10. 【kmp】bzoj3620: 似乎在梦中见过的样子

    考察kmp理解题 Description “Madoka,不要相信 QB!”伴随着 Homura 的失望地喊叫,Madoka 与 QB 签订了契约. 这是 Modoka 的一个噩梦,也同时是上个轮回中 ...