前端獲取服務(wù)器時(shí)間

layman 發(fā)布于2019-08-29 14:14 / 1899人閱讀

摘要：獲取服務(wù)器時(shí)間最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用獲取本機(jī)時(shí)間，是存在的，那么就需要我們使用服務(wù)器時(shí)間，可獲取到服務(wù)器時(shí)間，原理是使用請(qǐng)求，返回的頭部信息就含有服務(wù)器端的時(shí)間信息，獲取到就可以了。

js獲取服務(wù)器時(shí)間

最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用js獲取本機(jī)時(shí)間，是存在bug的，那么就需要我們使用服務(wù)器時(shí)間，js可獲取到服務(wù)器時(shí)間，原理是使用 ajax請(qǐng)求，返回的頭部信息就含有服務(wù)器端的時(shí)間信息，獲取到就可以了。

    var req = new XMLHttpRequest();
    req.open("GET", location, false);
    req.send(null);
    console.log(req.getResponseHeader("Date"));

    function getServerDate(){
        var xhr = null;
        if(window.XMLHttpRequest){
          xhr = new window.XMLHttpRequest();
        }else{ // ie
          xhr = new ActiveObject("Microsoft")
        }
    
        xhr.open("GET","/",false)//false不可變
        xhr.send(null);
        var date = xhr.getResponseHeader("Date");
        return new Date(date);
    }

同樣返回的是一個(gè)Date對(duì)象，xhr.open()必須使用同步;
無需填寫請(qǐng)求鏈接;open，send，和getResponseHeader 必須按序編寫。
如需使用異步請(qǐng)求，可監(jiān)聽onreadystatechange狀態(tài)來做不同的操作。

    function getServerDate(){
        var xhr = null;
        if(window.XMLHttpRequest){
          xhr = new window.XMLHttpRequest();
        }else{ // ie
          xhr = new ActiveObject("Microsoft")
        }
    
        xhr.open("GET","/",true);
        xhr.send(null);
        xhr.onreadystatechange=function(){
            var time,date;
            if(xhr.readyState == 2){
                time = xhr.getResponseHeader("Date");
                date = new Date(time);
                console.log(date);
            }
        }
    }

使用異步不是很方便返回時(shí)間。
這里的readyState有四種狀態(tài)，方便做不同處理：

0: 請(qǐng)求未初始化；

1: 服務(wù)器連接已建立；

2: 請(qǐng)求已接收；

3: 請(qǐng)求處理中

4: 請(qǐng)求已完成，且響應(yīng)已就緒

失敗狀態(tài)，status的值：
200: "OK"
404: 未找到頁面

GPU云服務(wù)器云服務(wù)器前端取服務(wù)器時(shí)間獲取服務(wù)器時(shí)間時(shí)間獲取獲取時(shí)間

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/113005.html

相關(guān)文章

前端獲取服務(wù)端時(shí)間

摘要：前端得到的本地時(shí)間設(shè)備時(shí)間不一定是準(zhǔn)確的，因?yàn)橛脩粲锌赡芄室庑薷臅r(shí)間，用這個(gè)不一定準(zhǔn)確的時(shí)間做一些校驗(yàn)往往不靠譜。一般獲取服務(wù)端時(shí)間，都是通過接口讓后端返回的，其實(shí)，也有方法在前端直接獲取服務(wù)端的時(shí)間。前端得到的本地時(shí)間（設(shè)備時(shí)間）不一定是準(zhǔn)確的，因?yàn)橛脩粲锌赡芄室庑薷臅r(shí)間，用這個(gè)不一定準(zhǔn)確的時(shí)間做一些校驗(yàn)往往不靠譜。一般獲取服務(wù)端時(shí)間，都是通過接口讓后端返回的，其實(shí)，也有方法在前...

岳光 2019-08-23 13:38 評(píng)論0 收藏0
前端獲取服務(wù)器時(shí)間

摘要：獲取服務(wù)器時(shí)間最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用獲取本機(jī)時(shí)間，是存在的，那么就需要我們使用服務(wù)器時(shí)間，可獲取到服務(wù)器時(shí)間，原理是使用請(qǐng)求，返回的頭部信息就含有服務(wù)器端的時(shí)間信息，獲取到就可以了。 js獲取服務(wù)器時(shí)間最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用js獲取本機(jī)時(shí)間，是存在bug的，那么就需要我們使用服務(wù)器時(shí)間，js可獲取...

Betta 2019-08-01 18:24 評(píng)論0 收藏0
前端獲取服務(wù)器時(shí)間

摘要：獲取服務(wù)器時(shí)間最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用獲取本機(jī)時(shí)間，是存在的，那么就需要我們使用服務(wù)器時(shí)間，可獲取到服務(wù)器時(shí)間，原理是使用請(qǐng)求，返回的頭部信息就含有服務(wù)器端的時(shí)間信息，獲取到就可以了。 js獲取服務(wù)器時(shí)間最近新作了一個(gè)項(xiàng)目，頻繁的需要獲取當(dāng)前時(shí)間進(jìn)行一些邏輯處理，但是用js獲取本機(jī)時(shí)間，是存在bug的，那么就需要我們使用服務(wù)器時(shí)間，js可獲取...

n7then 2019-08-22 13:52 評(píng)論0 收藏0
聊一聊前端的監(jiān)控

摘要：今天我們來聊聊前端的監(jiān)控我們?yōu)槭裁葱枰岸吮O(jiān)控為了獲取用戶行為以及跟蹤產(chǎn)品在用戶端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化方向前端監(jiān)控分為三類性能項(xiàng)目數(shù)據(jù)監(jiān)控異常監(jiān)控性能監(jiān)控衡量前端的性能的指標(biāo)是時(shí)間那么如何監(jiān)測(cè)時(shí)間呢，瀏覽器給我們提今天我們來聊聊前端的監(jiān)控我們?yōu)槭裁葱枰岸吮O(jiān)控？為了獲取用戶行為以及跟蹤產(chǎn)品在用戶端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化方向前端監(jiān)控...

Pikachu 2019-08-23 15:16 評(píng)論0 收藏0
使用性能API快速分析web前端性能

摘要：性能時(shí)間線以一個(gè)統(tǒng)一的接口獲取由和所收集的性能數(shù)據(jù)。瀏覽器支持下表列舉了當(dāng)前主流瀏覽器對(duì)性能的支持，其中標(biāo)注星號(hào)的內(nèi)容并非來自于性能工作小組。頁面的性能問題一直是產(chǎn)品開發(fā)過程中的重要一環(huán)，很多公司也一直在使用各種方式監(jiān)控產(chǎn)品的頁面性能。從控制臺(tái)工具、Fiddler抓包工具，到使用DOMContentLoaded和document.onreadystatechange這種侵入式j(luò)ava...

mj 2019-08-21 10:48 評(píng)論0 收藏0