JavaScript獲取服務(wù)器端時間的方法
用js做時間校正，獲取本機時間，是存在bug的。
使用js也可獲取到服務(wù)器時間，原理是使用 ajax請求，返回的頭部信息就含有服務(wù)器端的時間信息，獲取到就可以了。以下：
1、依賴jQuery
代碼：
function getServerDate(){
return new Date($.ajax({async: false}).getResponseHeader("Date"));
}
以上函數(shù)返回的就是一個Date對象，注意在使用ajax時必須同步，要不然無法返回時間日期。
無需填寫請求鏈接；
如果服務(wù)器時間和本地時間有時差，需要做校正。
2、原生
代碼：
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);
}
同樣返回的是一個Date對象，xhr.open()必須使用同步;
無需填寫請求鏈接;open，send，和getResponseHeader 必須按序編寫。
如需使用異步請求，可監(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);
}
}
}
使用異步不是很方便返回時間。
這里的readyState有四種狀態(tài)，方便做不同處理：
0: 請求未初始化
1: 服務(wù)器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成，且響應(yīng)已就緒
失敗狀態(tài)，status的值：
200: "OK"
404: 未找到頁面
以上所述是小編給大家介紹的JavaScript獲取服務(wù)器端時間的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js仿京東放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
JavaScript基礎(chǔ)之AJAX簡單的小demo
這篇文章主要介紹了JavaScript基礎(chǔ)之AJAX簡單的小demo ，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
Javascript優(yōu)化技巧之短路表達式詳細(xì)介紹
這篇文章主要介紹了Javascript優(yōu)化技巧之短路表達式詳細(xì)介紹,本文講解了什么是短路表達式,并給出了一些示例,需要的朋友可以參考下2015-03-03
大家如果使用firebug去查看的話就會發(fā)現(xiàn)，當(dāng)你滾動到相應(yīng)的行時，當(dāng)前行的圖片才即時加載的，這樣子的話頁面在打開只加可視區(qū)域的圖片，而其它隱藏的圖片則不加載，一定程序上加快了頁面加載的速度，對于比較長的頁面來說，這個方案是比較好的。2010-04-04
學(xué)習(xí)JavaScript設(shè)計模式之策略模式
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的策略模式，對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下2016-01-01
在js中我們有時會遇到計算,通過加減乘除處理某些業(yè)務(wù),那么這時候如果不做任何處理,就會出現(xiàn)如下典型的精度丟失問題,下面這篇文章主要給大家介紹了關(guān)于JS中浮點數(shù)精度問題的分析與解決方法,需要的朋友可以參考下2022-04-04
JavaScript 設(shè)計模式學(xué)習(xí) Factory
通過接口實現(xiàn)工廠，這是通過List方式顯示RSS 等實現(xiàn)代碼。2009-07-07
webpack5處理圖片、圖標(biāo)字體、多媒體等靜態(tài)資源文件
在 webpack5 中內(nèi)置了 file-loader、url-loader、raw-loader, 可以直接通過配置實現(xiàn)常用功能,下面就來介紹一下webpack5處理圖片、圖標(biāo)字體、多媒體等靜態(tài)資源文件的實現(xiàn)方法,感興趣的可以了解一下2023-12-12
代碼審查是調(diào)試JavaScript的重要方法,因為它允許多個開發(fā)人員一起處理代碼庫并在開發(fā)過程的早期發(fā)現(xiàn)錯誤,這篇文章主要給大家介紹了關(guān)于JavaScript錯誤處理和調(diào)試方法的相關(guān)資料,需要的朋友可以參考下2023-11-11
JS實現(xiàn)數(shù)組去重及數(shù)組內(nèi)對象去重功能示例
這篇文章主要介紹了JS實現(xiàn)數(shù)組去重及數(shù)組內(nèi)對象去重功能,結(jié)合實例形式分析了ES5與ES6兩種版本針對數(shù)組去重的相關(guān)操作技巧,需要的朋友可以參考下2019-02-02