當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS實(shí)現(xiàn)獲取服務(wù)器時間

JS實(shí)現(xiàn)獲取服務(wù)器時間

2012/11/5 12:36:16作者:佚名來源:網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

JS實(shí)現(xiàn)獲取服務(wù)器時間

【實(shí)例描述】

有時候服務(wù)器時間與本地時間并不相同,如某些服務(wù)器可能設(shè)置在國外。本例學(xué)習(xí)如何獲取服務(wù)器上的時間并顯示在本地。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(denvermotorcycleaccidentlawyer.com)</title> <script> var XmlHttp = new ActiveXObject("Microsoft.XmlHttp"); //創(chuàng)建XMLHTTP對象 XmlHttp.open("HEAD","http://www.sohu.com",false);  //從哪個服務(wù)器上獲取時間 XmlHttp.send();                                      //連接服務(wù)器 var offset = Date.parse(XmlHttp.getResponseHeader("Date")); //獲取標(biāo)頭中的時間 offset -= (new Date).getTime();                            //獲取本地時間與服務(wù)器時間的間隔 function ShowTime()                                         //顯示時間的方法 {  var d = new Date;                                       //獲取當(dāng)前時間                                      d.setTime(d.getTime()+offset);                          //通過服務(wù)器和本地的時間間隔獲取當(dāng)前服務(wù)器時間  document.body.innerHTML=d.toLocaleString();             //顯示服務(wù)器時間 } setInterval("ShowTime()", "1000"); </script> </head> <body> </body> </html>

【運(yùn)行效果】

 獲取服務(wù)器時間運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是“offset”變量二在網(wǎng)頁第一次運(yùn)行時,使用“XMLHTTP”對象先獲取服務(wù)器上的時間,并使用“offset.=(newdate).getTime()”語句計算服務(wù)器和本地時間的一個差量。獲取這個差量后,就不需要每次顯示時間都與眼務(wù)器交互一次,而是不斷執(zhí)行“showTime”方法將時間顯示在窗體中。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點(diǎn)擊:獲取服務(wù)器時間 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: JS  時間  服務(wù)器