一、JS獲取網絡時間接口
在JavaScript中,我們可以使用XMLHttpRequest對象發起一個get請求來獲取網絡時間。這個get請求可以向一些提供時間信息的公共API接口發起。
比如,使用中國科學院國家授時中心的API接口,可以通過如下代碼獲取網絡時間:
var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://api.time.ac.cn/nowtime/', true); xhr.onreadystatechange = function() { if (this.readyState === 4 && this.status === 200) { var response = JSON.parse(this.responseText); console.log(new Date(response.datetime)); } }; xhr.send(null);
二、JS獲取網絡狀態
在發起網絡請求前,我們需要知道網絡狀態是否良好。可以通過navigator對象的onLine屬性來判斷網絡是否連通:
if (navigator.onLine) { // 執行網絡請求 } else { // 提示用戶網絡已斷開連接 }
三、JS如何獲取當前時間
JavaScript中可以通過new Date()獲取當前本地時間,也可以獲取本地時間的UTC表示,方法如下:
var date = new Date(); // 獲取本地時間 var utc = date.toUTCString(); // 獲取UTC時間 console.log(date, utc);
四、JS獲取當前時間字符串
通過JavaScript的Date對象,可以獲取當前時間的年月日、小時分鐘秒等信息,然後組成一個自定義的時間字符串,如下:
var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); var timeString = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; console.log(timeString);
五、JS獲取當前時間小時
如果只需要獲取小時信息,可以使用Date對象的getHours()方法獲取,如下:
var date = new Date(); var hour = date.getHours(); console.log(hour);
六、JS獲取網絡時間戳
JavaScript中可以通過XMLHttpRequest對象獲取網絡時間戳,在onload事件中計算:
var xhr = new XMLHttpRequest(); xhr.open('HEAD', window.location.href, true); xhr.onreadystatechange = function() { if (this.readyState === this.DONE) { var serverDate = new Date(xhr.getResponseHeader('Date')); var timestamp = serverDate.getTime(); console.log(timestamp); } }; xhr.send(null);
七、JS獲取當前網絡時間
將獲取到的網絡時間戳轉換為本地時間,就可以獲取當前的網絡時間:
var xhr = new XMLHttpRequest(); xhr.open('HEAD', window.location.href, true); xhr.onreadystatechange = function() { if (this.readyState === this.DONE) { var serverDate = new Date(xhr.getResponseHeader('Date')); var localDate = new Date(); var offset = localDate.getTimezoneOffset() * 60 * 1000; // 時區偏移值 var timestamp = serverDate.getTime() + offset; // 網絡時間戳加上時區偏移值,得到本地時間戳 var networkDate = new Date(timestamp); console.log(networkDate); } }; xhr.send(null);
八、JS獲取時間戳
JavaScript中可以通過Date對象的getTime()方法獲取當前時間的時間戳:
var date = new Date(); var timestamp = date.getTime(); console.log(timestamp);
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/280755.html