显示服务器时间，包括时区偏移

Question

我在使用 php 和 js 显示服务器的实际时间时遇到了一些困难。
在服务器端，我有以下 php 代码：

$date = new DateTime();
echo $date->getTimestamp();

在客户端，如果有以下 js 代码更改 div 的内容以显示当前时间：

flag = true;
timer = '';


function clock()
{
        if ( flag ) {
            xmlhttp = new XMLHttpRequest();
            xmlhttp.open("GET", "backend/time_backend.php?action=serverTime", false);
            xmlhttp.send();

            var stamp = xmlhttp.responseText;


            timer = stamp*1000;
        }
        var d = new Date(timer);

        var hours = d.getHours();
        var minutes = d.getMinutes();
        var seconds = d.getSeconds();

        //hours = hours % 12;
        //hours = hours ? hours : 12; // the hour ’0' should be ’12'
        minutes = minutes < 10 ? '0'+minutes : minutes;
        seconds = seconds < 10 ? '0'+seconds : seconds;
        var strTime = hours + ':' + minutes + ':' + seconds;
        document.getElementById("clock").innerHTML= strTime ;

        flag = false;
        timer = timer + 1000;
}

window.onload = function() {
    setInterval(clock, 1000);
};

只要服务器的时区和我的时区相同，它就可以工作。但是一旦我更改了服务器上的时区，它就不再起作用了。它仍然会显示我的本地客户端时间，尽管服务器上的 bash 命令date 显示正确偏移的时间。

我该如何解决这个问题？我真的需要显示服务器本地时间。

Answer 1

Date::getTimestamp 总是返回Unix timestamp。 Unix 时间戳不存储时区信息。

解决方案是根据服务器提供的日期信息构建 JavaScript Date 对象。

注意：当服务器或客户端更改时区（即 DST）时，时间不会不同步。如果避免请求后端，更准确的解决方案是在 JavaScript 中使用时区库（例如timezone.js）。

PHP：

$date = new DateTime;

echo json_encode(array(
    'year' => (int) $date->format('Y'),
    'month' => (int) $date->format('m'),
    'day' => (int) $date->format('j'),
    'hours' => (int) $date->format('H'),
    'minutes' => (int) $date->format('i'),
    'seconds' => (int) $date->format('s'),
));

JavaScript：

var date = null;

function updateTime() {
    if (!date) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", "backend/time_backend.php?action=serverTime", false);
        xmlhttp.send();

        var j = JSON.parse(xmlhttp.responseText);
        date = new Date(
            j['year'], j['month'],
            j['day'], j['hours'],
            j['minutes'], j['seconds']
        );

        return;
    }

    // Increment time by 1 second
    date.setTime(date.getTime() + 1000);
}

function clock() {
    updateTime();

    var hours = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();

    hours = hours % 12;
    hours = hours ? hours : 12; // the hour ’0' should be ’12'
    minutes = minutes < 10 ? '0'+minutes : minutes;
    seconds = seconds < 10 ? '0'+seconds : seconds;
    var strTime = hours + ':' + minutes + ':' + seconds;
    document.getElementById('clock').innerHTML = strTime;
}

window.onload = function() {
    setInterval(clock, 1000);
};

Answer 2

您正在从 PHP 发送 unix 时间戳 可能是在使用

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

如果你想使用字符串来使用JS创建日期对象。

你的 JS 代码应该是

function clock()
{
    if ( flag ) {
        xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", "backend/time_backend.php?action=serverTime", false);
        xmlhttp.send();

        var stamp = xmlhttp.responseText;

        var timer = new Date(stamp);
    }
    var d = new Date(timer);

    var hours = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();

    //hours = hours % 12;
    //hours = hours ? hours : 12; // the hour ’0' should be ’12'
    minutes = minutes < 10 ? '0'+minutes : minutes;
    seconds = seconds < 10 ? '0'+seconds : seconds;
    var strTime = hours + ':' + minutes + ':' + seconds;
    document.getElementById("clock").innerHTML= strTime ;

    flag = false;
    timer = new Date(timer.getTime() + 1000);
}

Answer 3

您可以使用 ISO 8601 格式的日期。

$date = date("c", time());

会给你一个。

ISO 8601 数据元素和交换格式 - 信息 交换 – 日期和时间的表示是国际性的 涵盖日期和时间相关数据交换的标准。它是 由国际标准化组织 (ISO) 和 于 1988 年首次发布。本标准的目的是 提供一种明确且定义明确的日期表示方法 和时间，以避免对数字表示的误解 日期和时间，尤其是当数据在 具有不同书写数字日期约定的国家和地区 次。

然后您可以执行Date.parse() ，其中将返回一个时间戳；）然后像收到时间戳一样继续操作。