clock 相关问题

时钟剃须刀页面当前 <...</desc> <question vote="0"> <p>时钟剃须刀页面</p> <pre><code><h1>Current</h1> <div id="clock"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"> <script> function updateClock() { var now = moment().format('YYYY-MM-DD HH:mm:ss'); document.getElementById('clock').innerText = now; } updateClock(); setInterval(updateClock, 1000); </script> </code></pre> <p>procram.cs：SSR 的全局渲染模式设置</p> <pre><code>app.MapRazorComponents<App>() .AddInteractiveServerRenderMode(); </code></pre> <p>并安装了来自 Nuget 的 moment.js 库。</p> <p>但是时钟只有手动刷新后才能工作。</p> <p>我试过了</p> <pre><code> [Inject] private IJSRuntime JSRuntime { get; set; } protected override async Task OnInitializedAsync() { await JSRuntime.InvokeVoidAsync("setInterval"); } </code></pre> <p>或</p> <pre><code>app.MapRazorComponents<App>() .AddAdditionalAssemblies(); </code></pre> <p>但什么都没有改变。</p> <p>如何让它自动工作？</p> </question> <answer tick="false" vote="0"> <blockquote> <p>Blazor 8 中的剃刀页面上的时钟。但一切都没有改变。</p> <p>如何让它自动工作？</p> </blockquote> <p>嗯，根据您的描述和共享的代码片段，您似乎正在尝试制作一个显示<pre><code>YYYY-MM-DD HH:mm:ss</code></pre>的时钟。所以我不知道你为什么要使用 javascript！，我们实际上不需要脚本。</p> <p>为了制作一个时钟，我们需要的是一个以秒为间隔更新的<pre><code>OnTimerTick</code></pre>，仅此而已。</p> <p>所以，我们需要一个时间刻度函数/方法来每秒更新时钟，你就完成了。</p> <p>让我们看看如何在没有 JavaScript 的情况下重构您的代码。如果对剧本有什么具体要求那就另当别论了。但你可以这样做：</p> <pre><code>@page "/clock" @implements IDisposable <h1>Current</h1> <div id="clock">@currentDateTime</div> @code { private string currentDateTime = ""; private System.Timers.Timer timer = new System.Timers.Timer(); protected override async Task OnInitializedAsync() { /* I am updating every second */ timer.Interval = 1000; timer.Elapsed += OnTimerTick; timer.Start(); await UpdateClock(); } private async Task UpdateClock() { currentDateTime = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"); await InvokeAsync(StateHasChanged); } private void OnTimerTick(object sender, System.Timers.ElapsedEventArgs e) { InvokeAsync(UpdateClock); } public void Dispose() { timer.Stop(); timer.Dispose(); } } </code></pre> <p>输出：</p> <p><a href="https://i.stack.imgur.com/SzwJe.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1N6d0plLnBuZw==" alt=""/></a></p> <p><a href="https://i.stack.imgur.com/8aPyR.gif" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhhUHlSLmdpZg==" alt=""/></a></p> <p><strong>注意：</strong>这是其中一种方式，但如果您想使用Javascript实现，请检查您的浏览器控制台是否有任何错误。但对于这个时钟，我认为这不是强制性的。</p> </answer> </body></html>

c# asp.net-core blazor clock .net-8.0

回答 0 投票 0

使用Teensy 4.0的双CAN通讯问题

我正在使用 Teensy 4.0 开发一个 arduino 项目。我正在尝试使用 FlexCanT4 库通过 Can1 和 Can2 设置两种不同的通信。对于他们两个，我正在设置时钟...

arduino clock can-bus teensy

回答 1 投票 0

clock 相关问题

最新问题