在 AspNetCore 中每秒显示当前时间 [重复]

Question

我想在我的 RazoreView 中显示当前时间，并且还希望在网页上每秒刷新时间。 谁能帮帮我？

这是我的观点：

<nav aria-label="breadcrumb">
    <ul class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Page</a></li>
        <li class="breadcrumb-item active" aria-current="page">Register </li>
    </ul>
</nav>

<main class="client-page">
    <div class="container-content">

        <header><h2> Register </h2></header>

        <div class="form-layer">

            <form asp-action="Register" method="post">
                <div class="input-group">
                    <span class="input-group-addon" id="username"><i class="zmdi zmdi-account"></i></span>
                    <input asp-for="UserName" type="text" class="form-control" placeholder="نام و نام خانوادگی" aria-describedby="username">
                </div>

                <div class="input-group">
                    <span class="input-group-addon" id="email-address"><i class="zmdi zmdi-email"></i></span>
                    <input asp-for="Email" type="text" class="form-control" placeholder="ایمیل" aria-describedby="email-address">
                </div>

                <div class="input-group">
                    <span class="input-group-addon" id="password"><i class="zmdi zmdi-lock"></i></span>
                    <input asp-for="Password" type="password" class="form-control" placeholder="رمز عبور " aria-describedby="password">
                </div>

                <div class="input-group">
                    <span class="input-group-addon" id="password"><i class="zmdi zmdi-lock"></i></span>
                    <input asp-for="RePassword" type="password" class="form-control" placeholder="تکرار رمز عبور " aria-describedby="password">
                </div>

                <div class="link">
                    <a href=""> <i class="zmdi zmdi-account"></i> ورود به سایت </a>
                </div>
                <div asp-validation-summary="All" class="text-danger">

                </div>
                <button class="btn btn-success"> عضویت در سایت </button>

            </form>
        </div>

    </div>
</main>

有没有办法用纯JS代替Jquery？

Answer 1

尝试创建一个函数来渲染一个新的 Date，然后使用 setInterval() 方法每隔几秒重复一次该函数。

代码如下：

<p id="demo"></p> 
<script>
setInterval(myTimer, 1000);

function myTimer() {
  const d = new Date();
  document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

结果如下：