Laravel Carbon-重新加载当前时间

Question

I could not find any document in relation to what I am trying to solve, hence I am asking it here.

My controller pulls a Carbon Date using this:

$utctime = Carbon::now()->toTimeString();

That code allows me to display the UTC time on my page. The problem comes in the fact that Carbon only loads the time once (on page load) and it stays at that time. What I want is to Carbon to display the real-time and not require the page to reload.

I am guessing it might not be possible the update the time, as Carbon is not front-end? If so, how would you go about making the time update every second instead of it not updating at all? - Maybe there is something for the front-end that I can use?

Answer 1

Adding a basic ticking clock in Javascript is fairly straightforward:

<div id="time"></div>

<script type="text/javascript">
  function showTime() {
    var date = new Date(),
        utc = new Date(Date.UTC(
          date.getFullYear(),
          date.getMonth(),
          date.getDate(),
          date.getHours(),
          date.getMinutes(),
          date.getSeconds()
        ));

    document.getElementById('time').innerHTML = utc.toLocaleTimeString();
  }

  setInterval(showTime, 1000);
</script>

This would be entirely front-end based, and ensure there isn't a "jump" between the initially rendered server-time and the user's local time.

Answer 2

You can use moment.js, you can also define the timezone or display UTC time

moment.utc().format();

https://momentjs.com/docs/ https://momentjs.com/timezone/docs/