Как вывести время на сайте не зависимо от часового пояса клиента и его системного времени?

Question

[Царёв Вадим]

Добрый день. Как вывести время на сайте не зависимо от часового пояса клиента и его системного времени? перерыл кучу информации внятным языком не кто не написал. Такое впечатление все авторы пишут куда то не туда(((
Кто может знает адекватное решение хочу вывести время работы организации на сайте по местному времени !SOS!

Comments

[Zhainar]

может проще на фронте это сделать?

[Царёв Вадим]

К чему???

Answer 1

[DanKud]

Выводите время по UTC и добавляете нужный часовой пояс. Например для Москвы +3 часа:

$offset = 3; /* смещение часово пояса */
$date = gmdate('d-m-Y - H:i:s', (time() + ($offset * 3600))); /* прибавляем к time() три часа */
echo $date;

Или даже проще установить временную зону по дефолту в скрипте, потому что из-за переводов времени зима/лето может быть неправильное смещение:

date_default_timezone_set('Europe/Moscow'); /* устанавливаем временную зону */
$date = date('d-m-Y - H:i:s');
echo $date;

список временных зон

Comments

[Царёв Вадим]

Спасибо, php проблему решить можно -> но как быть если пользователь завис на странице и время стало(((

[sergmit]

zava75, Периодически отправлять ajax'ом запросы, что бы получить текущее время или с помощью javascript запустить секундомер и прибавлять к уже полученному времени

[Царёв Вадим]

sergmit, вы знаете как ajax

$(document).ready(function () {

       $.ajax({
           url: '/clock.php',
           type: 'POST',
       })
           // .done(function () {
           //     console.log('success');
           // })
           // .fail(function () {
           //     console.log('errors');
           // })
           // .always(function () {
           //     console.log('complete');
           // })
   });

как получить данные хоть разок? вернуть значение не могу с скрипта не совсем знаю AJAX? Вы знаете как?

[sergmit]

ДА, Примерно так:

$(document).ready(function() {
    setInterval(function() {
        $.ajax({
            url: '/clock.php',
            type: post,
        }).done(function(data) {
            $('#time').html(data.time);
        })
    }, 10000);
})

[DanKud]

Не совсем понятно, что вы вообще хотите. Вы хотите установить таймер показывающий время до закрытия работы организации?

[Царёв Вадим]

Вроде работает

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="time">time</div>
<script>
    $(document).ready(function() {
        setInterval(function() {
            $.ajax({
                url: '/clock.php',
                type: 'POST',
            }).done(function(dataSite) {
                $('#time').html(dataSite);
            })
        }, 1000);
    })
</script>

в clock.php файл

<?php
date_default_timezone_set('Asia/Vladivostok'); /* устанавливаем временную зону */
$dateSite = date('H:i:s');
echo $dateSite;

Я так понял что так будет показывать летнее и зимнее правильно ?

[DanKud]

А зачем вы подключаете именно AJAXом? Не проще сразу добавить дату в index.php?

[Царёв Вадим]

DanKud, я часть кинул код отдельно он (весь вынесен) вдруг одновы что бы не искать все по новой , на других сайтах можно/. Спасибо огромное за помощь, только начал изучать). Но тут мне кажется без AjAX php не запустить. Или что имели ввиду?

[DanKud]

Я имею ввиду, что если у вас главная страница, где вам нужно вывести время, формируется с помощью PHP, то зачем лишний раз делать AJAX-запрос если можно просто добавить в этот же скрипт функцию определения даты?
index.php

<?php
date_default_timezone_set('Asia/Vladivostok'); /* устанавливаем временную зону */
$dateSite = date('H:i:s');
?>
.....
<div id="time"><?=$dateSite?></div>

И не надо делать никаких AJAX-запросов.

Answer 2

[Царёв Вадим]

Может кому пригодится

$(function () {
		 setTimeout(function() {
            $.ajax({
                url: '/clock.php',
                type: 'POST',
            }).done(function(dataSite) {
                $('#time').html(dataSite);
            })
        }, 0);
		 setInterval(function() {
            $.ajax({
                url: '/clock.php',
                type: 'POST',
            }).done(function(dataSite) {
                $('#time').html(dataSite);
            })
        }, 60000);
		var h = parseInt ($('#time').text(), 10);
        var imeWork = (h >= 9 && h <= 18) ? '<span class="green";>Мы работаем</span>' : '<span class="red";>Мы закрыты</span>';
        $('#work').html(imeWork);
    });

clock.php

<?php
date_default_timezone_set('Asia/Vladivostok'); /* устанавливаем временную зону */
$dateSite = date('H:i');
echo $dateSite;

Comments

[Павел Корнилов]

Господи, какой бред!
Для реализации обычных часов использовать клиент-серверное приложение...

Date.UTC()
возвращает количество миллисекунд, прошедших с 1 января 1970 года 00:00:00 по UTC.

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Пример:
https://codepen.io/KorniloFF/pen/KJqwwd

[Царёв Вадим]

Павел Корнилов, Спасибо не знал

[Павел Корнилов]

zava75, на здоровье!

[Царёв Вадим]

Павел Корнилов, не скажите как ещё вывести день недели в часовом поясе есть методы или нужно функцию писать что то виде этой https://learn.javascript.ru/task/get-week-day ?

[Павел Корнилов]

zava75, так там же есть и ответ!

var date = new Date(2014, 0, 3); // 3 января 2014
alert( date.toLocaleString('ru', {weekday: 'short'}) ); // 'Пт'

[Павел Корнилов]

https://codepen.io/KorniloFF/pen/KJqwwd
Обновил.

[Царёв Вадим]

Спасибо !! Круто