js 獲取網(wǎng)絡(luò)時間:

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

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

同步獲取：（封裝獲取網(wǎng)絡(luò)時間方法）

方法一：

axios 獲取服務(wù)器時間 response.header.date

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

沒有設(shè)置請求頭缺失 如下:

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

方法二：

// 封裝同步獲取獲取網(wǎng)絡(luò)時間方法 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()) //沒網(wǎng)情況獲取本地時間}}}) }//使用 getServerTime().then((time) => { console.log(time) })

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。