js 獲取網絡時間:

由于new Date獲取的是客戶本地時間，有些情況下我們需要獲取網絡時間，避免用戶更改本地時間而產生的某些功能沖突，則我們可以通過如下方法從瀏覽器獲取我們服務器上的時間！ 你也可以獲取不同網址上的時間，如：www.baidu.com

const request = new XMLHttpRequest(); request.open("GET", "/", true); // 中間參數可以改成 www.baidu.com request.send(); //該屬性每次變化時會觸發 request.onreadystatechange = function(){if(request.readyState === 4 && request.status === 200){console.log(request.getResponseHeader("Date")) //請求服務器的響應時間console.log(Date.parse(request.getResponseHeader("Date"))) //獲取到的時間戳} }

同步獲取：（封裝獲取網絡時間方法）

方法一：

axios 獲取服務器時間 response.header.date

擴展：（axios 請求頭缺失date的原因）
需要服務端設置字段： Access-Control-Expose-Headers
https://github.com/axios/axios/issues/606
https://stackoverflow.com/questions/37897523/axios-get-access-to-response-header-fields

沒有設置請求頭缺失 如下:

// {content-type: "application/json; charset=utf-8",cache-control: "max-age=0, private, must-revalidate" }

方法二：

// 封裝同步獲取獲取網絡時間方法 function getServerTime(){return new Promise((resolve) => {const request = new XMLHttpRequest()request.open("GET", "/", true)request.send()request.onreadystatechange = function(){const serverTime = request.getResponseHeader("Date")if (serverTime) {resolve(Date.parse(serverTime))} else {resolve(new Date().valueOf()) //沒網情況獲取本地時間}}}) }//使用 getServerTime().then((time) => { console.log(time) })

總結

以上是生活随笔為你收集整理的js获取网络时间（axios获取响应头时间）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。