показывать время сервера, включая смещение часового пояса

Вы можете использовать дату в формате ISO 8601.

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

Дай вам один.

ISO 8601 Элементы данных и форматы обмена - Обмен информацией. Представление дат и времени является международным стандартом, охватывающим обмен данными по дате и времени. Он был выпущен Международной организацией по стандартизации (ИСО) и был впервые опубликован в 1988 году. Целью настоящего стандарта является предоставление однозначного и четко определенного метода представления дат и времени во избежание неправильной интерпретации числовых представлений дат и раз, особенно когда данные передаются между странами с различными соглашениями для написания числовых дат и времени.

Затем вы можете сделать Date.parse(), в котором будет возвращена метка времени;), затем продолжайте, как если бы вы получили временную метку.

Date::getTimestamp всегда возвращает Date::getTimestamp времени Unix. Временная метка 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);
};