JavaScript 將當地時間轉換成其它時區

時間 2020-09-20

標籤 javascript 當地時間轉換其它時區欄目 JavaScript 简体版

原文原文鏈接

毫無疑問，用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.htmhtml

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。