C# 计数器计数到目标数

Question

我正在尝试找出是否有人知道一个已经存在的 c# 插件，该插件将以指定的速度计数到目标数。

我希望能够指定：

• 起始编号
• 结束编号
• 从开始到结束应该花费的时间。
• 一个自定义的回调函数，可以在计数器运行时执行 完成。

我发现这些插件一个用于 javascript，一个用于 asp.net：

https://inorganik.github.io/countUp.js/

https://www.nuget.org/packages/Wisej-2-CountUp/

我正在使用 asp.net core 和 blazor 制作应用程序，我需要适合 blazor 的东西，因为它是一项新技术，并且没有太多关于如何实现 javascript 插件的信息

如果他们有任何关于如何在 asp.net 核心中实现 countup.js 的示例 他们会帮助我很多

Answer 1

您可以创建一个可以在很多场合为您服务的计时器服务：

创建服务类：

public class BlazorTimer
    {
        private Timer _timer;

        internal void SetTimer(double interval)
        {
            _timer = new Timer(interval);
            _timer.Elapsed += NotifyTimerElapsed;
            _timer.Enabled = true;
            _timer.Start();
        }

        private void NotifyTimerElapsed(object sender, ElapsedEventArgs e)
        {
            OnElapsed?.Invoke();
        }

        public event Action OnElapsed;
    }

在 Program.Main 方法中将服务作为瞬态添加到 DI 容器中：

builder.Services.AddTransient(config =>
        {
            var blazorTimer = new BlazorTimer();
            blazorTimer.SetTimer(1000);
            return blazorTimer;
        });

用法

@page "/"

@implements IDisposable
@inject BlazorTimer Timer

@count.ToString()


@code{
private int count = 0;

protected override void OnInitialized()
{
    Timer.OnElapsed += NotifyTimerElapsed;

    base.OnInitialized();
}

private void NotifyTimerElapsed()
{
    // Note: WebAssembly Apps are currently supporting a single thread, which 
    // is why you don't have to call
    // the StateHasChanged method from within the InvokeAsync method. But it 
    // is a good practice to do so in consideration of future changes, such as 
    // ability to run WebAssembly Apps in more than one thread.
    InvokeAsync(() => { count++; StateHasChanged(); });
}

public void Dispose()
{
    Timer.OnElapsed -= NotifyTimerElapsed;
}

}