利用js获取服务器时间的两个简单方法

获取服务器时间对于某些应用场景来说是十分必要的，例如网站倒计时、实时数据时序分析等。下面是两个利用 JavaScript 获取服务器时间的简单方法：

方法一：Ajax + PHP

1.编写 PHP 脚本

在服务器上编写一个 PHP 脚本，用于获取服务器时间，例如以下脚本：

<?php
    date_default_timezone_set('Asia/Shanghai'); //设置时区
    $time = date('Y-m-d H:i:s', time());
    echo $time;
?>

2.编写 Ajax 请求

将以下代码嵌入到我们的 JavaScript 代码中，通过 Ajax 请求获取 PHP 脚本返回的时间：

$.ajax({
    url: 'getServerTime.php',
    type: 'GET',
    dataType: 'text',
    success: function(timeStr){
        var time = new Date(Date.parse(timeStr.replace(/-/g, '/')));
        console.log(time);
    }
});

以上代码通过 jQuery 框架实现 Ajax 请求。我们通过设置 url、type、dataType 属性，来指定请求的地址、请求方式和响应数据类型。成功获取到 PHP 脚本返回的服务器时间后，我们将其转化为 JavaScript Date 对象并使用。

方法二：WebSocket

WebSocket 是一种 HTML5 通信协议，它在客户端和服务器之间建立持久连接，实现双向通讯。我们可以通过 WebSocket 连接到服务器，并发送一个获取服务器时间的指令，服务器在响应中返回时间信息，类似于以下代码：

1.编写 WebSocket 客户端

var ws = new WebSocket('wss://server.com/ws');  //连接服务器
ws.onopen = function (event) {  //连接成功后，发送请求
    ws.send('getServerTime');
};
ws.onmessage = function (event) {  //响应信息处理
    var timeStr = event.data;
    var time = new Date(Date.parse(timeStr.replace(/-/g, '/')));
    console.log(time);
};

以上代码通过 WebSocket 实现客户端与服务器之间的通讯，连接成功后，我们通过 ws.send 方法发送指令，请求服务器返回时间信息。 在响应中，我们可以通过 event.data 获取到服务器返回的时间字符串，转化成 JavaScript Date 对象使用。

以上就是获取服务器时间的两种方法，我们可以根据实际需要选择合适的方式。其中，方法一比方法二更加适合对实时性要求不高的场景，方法二在需要实时通讯的场景下优势更大。