Laravel Carbon - 重新加载当前时间
Laravel Carbon - Reloading Current Time
我找不到与我要解决的问题相关的任何文档,因此我在这里提问。
我的控制器使用这个提取 Carbon Date:
$utctime = Carbon::now()->toTimeString();
该代码允许我在我的页面上显示 UTC 时间。问题在于 Carbon 只加载一次时间(在页面加载时)并且它停留在那个时间。我想要的是让 Carbon 实时显示而不需要重新加载页面。
我猜可能无法更新时间,因为 Carbon 不是前端?如果是这样,您将如何使时间每秒更新一次而不是根本不更新? - 也许我可以使用前端的东西?
在 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>
这将完全基于前端,并确保在最初呈现的服务器时间和用户本地时间之间没有 "jump"。
可以使用moment.js,也可以定义时区或显示UTC时间
moment.utc().format();
https://momentjs.com/docs/
https://momentjs.com/timezone/docs/
我找不到与我要解决的问题相关的任何文档,因此我在这里提问。
我的控制器使用这个提取 Carbon Date:
$utctime = Carbon::now()->toTimeString();
该代码允许我在我的页面上显示 UTC 时间。问题在于 Carbon 只加载一次时间(在页面加载时)并且它停留在那个时间。我想要的是让 Carbon 实时显示而不需要重新加载页面。
我猜可能无法更新时间,因为 Carbon 不是前端?如果是这样,您将如何使时间每秒更新一次而不是根本不更新? - 也许我可以使用前端的东西?
在 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>
这将完全基于前端,并确保在最初呈现的服务器时间和用户本地时间之间没有 "jump"。
可以使用moment.js,也可以定义时区或显示UTC时间
moment.utc().format();
https://momentjs.com/docs/ https://momentjs.com/timezone/docs/