文章概述：

　　本文將介紹如何使用JavaScript獲取服務(wù)器系統時(shí)間作為頁(yè)面中心的方法，該方法簡(jiǎn)單易用，不需要額外的JavaScript插件或庫。該方法可用于讓網(wǎng)頁(yè)在不同設備或時(shí)區下都顯示當前的標準時(shí)間。本文將分別從以下四個(gè)方面進(jìn)行詳細闡述：（1）JavaScript獲取服務(wù)器系統時(shí)間的原理，（2）使用XMLHttpRequest對象與服務(wù)器交互獲取時(shí)間，（3）通過(guò)WebSocket協(xié)議獲取時(shí)間，（4）使用Node.js服務(wù)器實(shí)時(shí)推送時(shí)間。最后將對全文進(jìn)行總結歸納。

　　1、JavaScript獲取服務(wù)器系統時(shí)間的原理

　　通過(guò)JavaScript獲取服務(wù)器系統時(shí)間的原理是客戶(hù)端與服務(wù)器交互獲取當前時(shí)間。一般情況下，客戶(hù)端通過(guò)JavaScript內置的Date對象獲取本地時(shí)間，但本地時(shí)間與不同時(shí)區或設備時(shí)間不一致，因此需要與服務(wù)器交互獲取當前標準時(shí)間。

　　2、使用XMLHttpRequest對象與服務(wù)器交互獲取時(shí)間

　　XMLHttpRequest對象可以在不重新加載頁(yè)面的情況下從服務(wù)器獲取數據。我們可以通過(guò)創(chuàng )建一個(gè)XMLHttpRequest對象來(lái)向服務(wù)器發(fā)送請求，獲取服務(wù)器返回的當前時(shí)間。

　　首先，需要在服務(wù)器端編寫(xiě)返回當前時(shí)間的接口?？梢允褂肞HP、ASP.NET等語(yǔ)言編寫(xiě)，這里以PHP為例：

　　

　　 echo date(Y-m-d H:i:s, time());

　　?>

　　上述代碼將返回當前時(shí)間的字符串，格式為“年-月-日 時(shí):分:秒”。接下來(lái)在客戶(hù)端使用XMLHttpRequest對象向服務(wù)器獲取當前時(shí)間：

　　var xhr = new XMLHttpRequest();

　　xhr.open(get, /gettime.php, true);

　　xhr.onreadystatechange = function() {

　　 if(xhr.readyState == 4 && xhr.status == 200) {

　　 var time = xhr.responseText;

　　 document.getElementById(current-time).innerHTML = time;

　　 }

　　};

　　xhr.send();

　　上述代碼中，gettime.php是服務(wù)器端返回時(shí)間的接口地址，current-time是網(wǎng)頁(yè)的一個(gè)節點(diǎn)，用來(lái)顯示當前時(shí)間的字符串。

　　3、通過(guò)WebSocket協(xié)議獲取時(shí)間

　　WebSocket是一種在單個(gè)TCP連接上進(jìn)行雙向通訊的協(xié)議。使用WebSocket可以實(shí)現實(shí)時(shí)的雙向通訊，而不需要像XMLHttpRequest那樣頻繁地請求服務(wù)器。

　　使用WebSocket獲取時(shí)間的代碼如下：

　　var socket = new WebSocket(ws://example.com/gettime);

　　socket.onopen = function() {

　　 socket.send(get time);

　　};

　　socket.onmessage = function(event) {

　　 var time = event.data;

　　 document.getElementById(current-time).innerHTML = time;

　　};

　　上述代碼中，ws://example.com/gettime是WebSocket的接口地址，當連接建立成功后，客戶(hù)端向服務(wù)器發(fā)送一個(gè)“get time”消息，服務(wù)器返回當前時(shí)間的字符串。

　　使用WebSocket獲取當前時(shí)間的優(yōu)點(diǎn)是能夠實(shí)現實(shí)時(shí)推送，而不需要頻繁地向服務(wù)器請求。

　　4、使用Node.js服務(wù)器實(shí)時(shí)推送時(shí)間

　　可以使用Node.js創(chuàng )建一個(gè)HTTP服務(wù)器，在其中集成WebSocket服務(wù)器，實(shí)現實(shí)時(shí)推送當前時(shí)間。下面是實(shí)現代碼：

　　var http = require(http);

　　var WebSocketServer = require(ws).Server;

　　var server = http.createServer(function(request, response) {

　　 response.writeHead(200, {Content-Type: text/html});

　　 response.end(

上一篇：時(shí)鐘同步服務(wù)器模式及其應用研究 下一篇：以魔獸世界服務(wù)器時(shí)間為基準的新標題創(chuàng )意