-
在视图中添加一个HTML元素来显示时间:
<div id="real-time-clock"></div>
-
使用JavaScript更新时间:
<script> function updateTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); minutes = minutes < 10 ? '0' + minutes : minutes; seconds = seconds < 10 ? '0' + seconds : seconds; var timeString = hours + ':' + minutes + ':' + seconds; document.getElementById('real-time-clock').innerText = timeString; } setInterval(updateTime, 1000); // 每秒更新一次时间 </script>
将这段JavaScript代码放在ASP.NET Core MVC视图的
<script>
标签内,或者如果你想要将JavaScript文件放在单独的文件中,可以这样做: -
创建一个JavaScript文件,比如
real-time-clock.js
,并添加上述JavaScript代码。 -
在视图中引入这个JavaScript文件:
<script src="~/js/real-time-clock.js"></script>
确保你的ASP.NET Core MVC项目已经配置了处理JavaScript文件的服务和中间件。
这样,你就有了一个简单的实时时间显示,每秒更新一次。
asp.net core mvc 实时动态时间,可以通过在视图中使用JavaScript来实现。
最新推荐文章于 2024-09-02 17:34:07 发布