Отображение текущего времени каждую секунду в AspNetCore [дубликат]

avatar
Hossein Dara
8 августа 2021 в 23:51
87
1
-3

Я хочу показать текущее время в своем 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?

Источник
Bravo
9 августа 2021 в 00:03
1

начните исследование с setInterval - оттуда это не проблема

Twisty
9 августа 2021 в 02:02
0

Добро пожаловать в Stack Overflow. Предоставьте минимальный воспроизводимый пример: coderhelper.com/help/minimal-reproducible-example

Ответы (1)

avatar
Zhi Lv
9 августа 2021 в 02:24
2

Попробуйте создать функцию для отображения новой даты, затем используйте метод setInterval(), который повторяет функцию каждые секунды.

Код, как показано ниже:

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

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

Результат, как показано ниже:

enter image description here

Hossein Dara
9 августа 2021 в 03:35
0

Благодарю. и могу ли я создать DateTime в «действии» в «Контроллере» и получить это DateTime с помощью «json», а затем показывать это DateTime каждую секунду? Можешь объяснить?

Zhi Lv
9 августа 2021 в 05:20
0

@HosseinDara Вы можете создать метод действия и использовать JQuery для его вызова, но вы должны отправлять запрос в секунду. Затем вы можете столкнуться с проблемой производительности и проблемой задержки запроса. Так что, если просто отображать текущее время, лучше делать это со стороны клиента (без вызова метода действия).