詳解JavaScript UTC時間轉(zhuǎn)換方法
一、前言
1、UTC: Universal Time Coordinated,協(xié)調(diào)世界時。
2、格林尼治標準時(GMT)
格林尼治標準時間(Greenwich Mean Time,GMT)是指位于倫敦郊區(qū)的皇家格林尼治天文臺的標準時間,因為本初子午線被定義在通過那里的經(jīng)線。 理論上來說,格林尼治標準時間的正午是指當太陽橫穿格林尼治子午線時的時間。由于地球在它的橢圓軌道里的運動速度不均勻,這個時刻可能和實際的太陽時相差16分鐘。 地球每天的自轉(zhuǎn)是有些不規(guī)則的,而且正在緩慢減速。所以,格林尼治時間已經(jīng)不再被作為標準時間使用。現(xiàn)在的標準時間——協(xié)調(diào)世界時(UTC)——由原子鐘提供。 自1924年2月5日開始,格林尼治天文臺每隔一小時會向全世界發(fā)放調(diào)時信息。而UTC是基于標準的GMT提供的準確時間。
GMT(Greenwich Mean Time)——格林尼治標準時間,格林尼治標準時間是19 世紀中葉大英帝國的基準時間,同時也是事實上的世界基準時間。當時主要為了1840 年之后的鐵路系統(tǒng)服務(wù)。它以格林尼治天文臺的經(jīng)線為0 度經(jīng)線,將世界分為24 個時區(qū),除了在特定時期受到仇外心理、民族主義和某些反英心緒的影響之外,它的地位一直未曾動搖。
GMT和UTC的區(qū)別
GMT 手表就是可以顯示兩個或兩個以上時區(qū)時間的手表。無論用什么方式,顯示多個時區(qū)最直接的方法就是在一個表殼里裝多枚機芯。不過最經(jīng)濟也最常見的方法還是附加一個帶有12 小時或24 小時時標刻度的旋轉(zhuǎn)表圈。旋轉(zhuǎn)表圈的使用方法很簡單,將表圈上對應(yīng)第二時區(qū)時間的數(shù)字對齊表盤的時針即可,如果表盤時間是倫敦時間,那么將表圈順時針轉(zhuǎn)動一小時,指示的就是歐洲大陸時間,逆時針轉(zhuǎn)動八小時,則是美國西海岸時間。
將表盤時間設(shè)定為家鄉(xiāng)時間還是目的地時間取決于使用者的偏好,但由于12 小時手表無法辨別白天晚上,通常還是設(shè)定所在地時間比較合理。有一個事件的發(fā)生使得GMT 的定義復(fù)雜化了:1972 年1 月1日,UTC(協(xié)調(diào)世界時)成為新的世界標準時間。
為了方便, 通常記成Universal Time Coordinated。同樣為了方便,在不需要精確到秒的情況下,通常也將GMT 和UTC 視作等同。盡管UTC 更加科學(xué)更加精確,但是對于手表玩家和收藏者來說,GMT 仍是更加受歡迎的。有不少人認為,UTC 是巴黎圖謀世界計時中心地位的一種手段。事實上,它是以原子時為基礎(chǔ),在時刻上盡量接近世界時的一種時間計量系統(tǒng)。它的出現(xiàn)是現(xiàn)代社會對于精確計時的需要。
原子時與以往的計時系統(tǒng)不同,它非常精確并且不以某地的平均太陽時為基準,但是遇有地球自轉(zhuǎn)速度不均勻,原子時與世界時之間的時差便日積月累,因 此,UTC 會在一段時期后加上正或負的閏秒來補償。因此協(xié)調(diào)世界時與國際原子時(TAI) 之間會出現(xiàn)若干整數(shù)秒的差別。位于巴黎的國際地球自轉(zhuǎn)事務(wù)中央局(IERS) 負責(zé)決定何時加入閏秒。
北京時間與格林尼治時間或UTC時間相差8個時區(qū),北京、上海、重慶位于東8區(qū),所以北京時間2013-1-1 0:00:00,轉(zhuǎn)換為UTC時間為:Tue Jan 1 00:00:00 UTC+0800 2013,時間過了8小時。
二、本地時間到UTC時間的轉(zhuǎn)換
當?shù)貢r間到UTC時間的轉(zhuǎn)換,步驟如下:
1、將字符串日期轉(zhuǎn)換為日期數(shù)據(jù)類型
如果已經(jīng)是日期類型,可以省去此步驟。
可利用下面示例中的函數(shù)進行轉(zhuǎn)換。
2、獲取UTC日期數(shù)據(jù)
包括年月日,時分秒,使用getUTC***()方法獲取。
獲取年:var y = date.getUTCFullYear();
獲取月: var m = date.getUTCMonth() ;
獲取日: var d = date.getUTCDate();
獲取小時:var h= date.getUTCHours();
獲取分鐘:var M = date.getUTCMinutes();
獲取秒鐘:var s = date.getUTCSeconds();
這里date為日期類型數(shù)據(jù)。
注意:這里使用沒有UTC的方法是有問題(例如:date.getFullYear,date.getMonth),在進行下一步轉(zhuǎn)換時,會出現(xiàn)結(jié)果錯誤。
3、使用Date.UTC()函數(shù)進行轉(zhuǎn)換
將第2步中獲取的日期數(shù)據(jù)轉(zhuǎn)換為UTC時間(實際上為自1700年以來的毫秒數(shù))
var utc = Date.UTC(y,m,d,h,M,s);
這里,y、m、d、h、M、s分別代表步驟2中獲取的年、月、日、時、分、秒數(shù)值。
三、UTC日期到本地日期的轉(zhuǎn)換
UTC日期到本地日期轉(zhuǎn)換則要簡單得多,先將UTC時間轉(zhuǎn)換為日期格式,然后再轉(zhuǎn)換為本地日期格式,例如:
var date2 = new Date(utc); var localeString = date2.toLocaleString();
或只要日期
var localeDateString = date2.toLocaleDateString();
或只要時間
var localeTimeString = date2.toLocaleTimeString();
實例:
//日期加減計算 function dateadd(sdate, delta, ymdh){ if(!sdate ) return; if(typeof sdate == 'object') sdate = sdate.toLocaleString(); /(\d{4})[\D](\d{1,2})[\D](\d{1,2})[\D]?\s(\d{1,2}):(\d{1,2}):(\d{1,2})/.exec(sdate); var a = [0,0,0,0]; switch(ymdh){ case 'y': a = [delta, -1, 0, 0]; break; case 'm': a=[0, delta-1, 0, 0]; break; case 'H': a=[0, -1, 0, delta]; break; default: a = [0, -1, delta, 0]; break; } println('date:' + (parseInt(RegExp.$1)+ a[0]) + '-'+ (parseInt(RegExp.$2)+a[1]) +'-' + (parseInt(RegExp.$3)+a[2]) + ' ' + (parseInt(RegExp.$4)+a[3]) +':' + RegExp.$5 + ':' +RegExp.$6); return new Date(parseInt(RegExp.$1)+ a[0], parseInt(RegExp.$2)+a[1], parseInt(RegExp.$3)+a[2], parseInt(RegExp.$4)+a[3], RegExp.$5,RegExp.$6); } //UTC轉(zhuǎn)換 println('---------------------------------------------'); var sdate='2013-01-01 00:00:00.0'; var d = dateadd(sdate,0); var d2 = Date.UTC(d.getUTCFullYear(),d.getUTCMonth() ,d.getUTCDate(),d.getUTCHours(),d.getUTCMinutes(),d.getUTCSeconds()); println('原日期:' + sdate); println('d2:' + d2); println('d3:' + new Date(d2)); println('d4:' + new Date(d2).toLocaleString()); println('d5:' + d2.toLocaleString());
測試結(jié)果:
--------------------------------------------- date:2013-0-1 0:00:00 原日期:2013-01-01 00:00:00.0 d2:1356969600000 d3:Tue Jan 1 00:00:00 UTC+0800 2013 d4:2013年1月1日 0:00:00 d5:1,356,969,600,000.00
可以看到UTC時間實際上是一串以自1970年以來的毫秒數(shù)表示的長數(shù)字。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
- js時間戳與日期格式之間相互轉(zhuǎn)換
- javascript時間戳和日期字符串相互轉(zhuǎn)換代碼(超簡單)
- js 時間格式與時間戳的相互轉(zhuǎn)換示例代碼
- js中的時間轉(zhuǎn)換—毫秒轉(zhuǎn)換成日期時間的示例代碼
- JS將時間秒轉(zhuǎn)換成天小時分鐘秒的字符串
- JS獲取時間的相關(guān)函數(shù)及時間戳與時間日期之間的轉(zhuǎn)換
- Vue.js 時間轉(zhuǎn)換代碼及時間戳轉(zhuǎn)時間字符串
- JavaScript 腳本將當?shù)貢r間轉(zhuǎn)換成其它時區(qū)
- js獲取時間并實現(xiàn)字符串和時間戳之間的轉(zhuǎn)換
- 關(guān)于導(dǎo)入excel時js轉(zhuǎn)換時間的正確方式
相關(guān)文章
javascript實現(xiàn)base64 md5 sha1 密碼加密
本篇文章給大家介紹了javascript實現(xiàn)密碼加密,通過base64、md5、sha1文件,調(diào)用相關(guān)方法實現(xiàn)密碼加密,非常簡單,需要的朋友可以參考下2015-09-09js實現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動廣告條代碼
這篇文章主要介紹了js實現(xiàn)網(wǎng)站最上邊可關(guān)閉的浮動廣告條代碼,涉及javascript基于鼠標事件操作頁面元素樣式的實現(xiàn)技巧,需要的朋友可以參考下2015-09-09javascript XML數(shù)據(jù)顯示為HTML一例
通過Javascript把xml轉(zhuǎn)換成html格式輸出一列2008-12-12js代碼運行報錯Warning:To?load?an?ES?module,?set?"type&q
最近在學(xué)習(xí)ES6的過程中,和運行javascript文件時進行了報錯,下面這篇文章主要給大家介紹了關(guān)于js代碼運行報錯Warning:To?load?an?ES?module,?set?"type":"module"in?the?package.json?or?use?the?.mjs的相關(guān)資料,需要的朋友可以參考下2023-04-04CKEditor 4.4.1 添加代碼高亮顯示插件功能教程【使用官方推薦Code Snippet插件】
這篇文章主要介紹了CKEditor 4.4.1 添加代碼高亮顯示插件功能,涉及ckeditor使用官方推薦Code Snippet插件的相關(guān)操作布局與使用注意事項,需要的朋友可以參考下2019-06-06