在Blazor应用程序中完成计时器后显示消息

// 计时器组件 TimerComponent.razor
@using System.Timers

<h3>计时器组件</h3>

@code {
    private Timer timer;
    private string message;

    protected override void OnInitialized()
    {
        timer = new Timer(1000); // 每秒触发一次
        timer.Elapsed += TimerElapsed;
        timer.Start();
    }

    private void TimerElapsed(object sender, ElapsedEventArgs e)
    {
        message = "当前时间：" + DateTime.Now.ToString();
        InvokeAsync(StateHasChanged); // 通知页面刷新
    }
}

// 消息组件 MessageComponent.razor
<h3>消息组件</h3>

<p>@message</p>

@code {
    private string message;

    [Parameter]
    public string Message
    {
        get { return message; }
        set { message = value; }
    }
}

// 页面 Index.razor
@page "/"

<h1>Blazor计时器示例</h1>

<TimerComponent />

<MessageComponent Message="@message" />

@code {
    private string message;
}