Question

我有一个简单的JS代码在客户端浏览器上进行倒计时，但是计时器取决于客户端计算机的时间很短，所以我想从服务器获取当前时间和已用时间。

以下是我的工作但不起作用。

function getTimeRemaining(endtime) {
          var t = Date.parse(endtime) - Date.parse(current_time);
          var seconds = Math.floor((t / 1000) % 60);
          var minutes = Math.floor((t / 1000 / 60) % 60);
          var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
          var days = Math.floor(t / (1000 * 60 * 60 * 24));
          return {
            'total': t,
            'days': days,
            'hours': hours,
            'minutes': minutes,
            'seconds': seconds
          };
        }

        function initializeClock(id, endtime, current_time) {
          var clock = document.getElementById(id);
          var daysSpan = clock.querySelector('.days');
          var hoursSpan = clock.querySelector('.hours');
          var minutesSpan = clock.querySelector('.minutes');
          var secondsSpan = clock.querySelector('.seconds');

          function updateClock() {
            var t = getTimeRemaining(endtime, current_time);

            daysSpan.innerHTML = t.days;
            hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
            minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
            secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

            if (t.total <= 0) {
              clearInterval(timeinterval);
              $('#clockdiv').html('You can\'t Reserve anymore')
            }
          }

          updateClock();
          var timeinterval = setInterval(updateClock, 1000);
        }

        var deadline = '2017-02-24 18:12:29';
        var current_time = new EventSource('Server/script/example.php');

            current_time.onopen = function(event) {
                //console.log(event)
                current_time.onmessage = function(event) 
                {
                     return event.data;

                }
                current_time.onerror = function (error) {
                    //console.log('we have an error')
                }
            }
            console.log(current_time)


        initializeClock('clockdiv', deadline, current_time);

因此，我尝试使用HTML SSE服务器发送事件，以便侦听响应而不是发出请求。

current_time变量为空，时间输出为NAN NAN NAN

所以有更好的实现上述目标，或者可以为我编写一些代码。

倒数计时器使用服务器时间PHP和Laravel

0 个答案: