javascript - Laravel Carbon - 重新加载当前时间

Question

我找不到与我要解决的问题相关的任何文档，因此我在这里询问。

我的 Controller 使用以下方法提取碳日期:

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

该代码允许我在页面上显示 UTC 时间。问题在于，Carbon 仅加载一次时间(在页面加载时)，并且它停留在那个时间。我想要的是Carbon实时显示而不需要重新加载页面。

我猜可能无法更新时间，因为 Carbon 不是前端？如果是这样，您将如何使时间每秒更新而不是根本不更新？ - 也许我可以使用前端的一些东西？

Answer 1

在 Javascript 中添加基本的滴答时钟相当简单:

<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>

这将完全基于前端，并确保最初呈现的服务器时间和用户本地时间之间没有“跳跃”。