在Razor pages中使用C#构建倒计时计时器

using System;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

public class CountdownModel : PageModel
{
    public int CountdownTime { get; set; } // 倒计时时间，单位为秒

    public async Task<IActionResult> OnGetAsync()
    {
        CountdownTime = 60; // 设置倒计时时间为60秒
        await Task.Delay(1000); // 延迟1秒

        while (CountdownTime > 0)
        {
            CountdownTime--;
            await Task.Delay(1000); // 每秒减少1，并延迟1秒
        }

        return Page();
    }
}

@page
@model CountdownModel

<h1>倒计时计时器</h1>

@if (Model.CountdownTime > 0)
{
    <p>倒计时剩余时间：@Model.CountdownTime 秒</p>
}
else
{
    <p>倒计时结束</p>
}