在退出页面时停止计时器，可以通过使用CancellationTokenSource和OnAfterRenderAsync方法来实现。

1. 在页面中添加CancellationTokenSource。

@inject NavigationManager NavigationManager

@code { private CancellationTokenSource _timerCancellationToken; }

2. 在OnInitializedAsync方法中实例化CancellationTokenSource。

protected override async Task OnInitializedAsync() { _timerCancellationToken = new CancellationTokenSource();

await base.OnInitializedAsync();

}

3. 在OnAfterRenderAsync方法中编写计时器代码，同时使用_tokenCancellationToken.Token来检查令牌是否已取消。

protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { var counter = 0; while (true) { if (_timerCancellationToken.Token.IsCancellationRequested) { break; }

        counter++;
        Console.WriteLine($"Counter: {counter}");

        await Task.Delay(1000);
    }
}

await base.OnAfterRenderAsync(firstRender);

}

4. 在Override方法中取消ationTokenSource。

protected override async Task OnAbortAsync() { _timerCancellationToken.Cancel(); await base.OnAbortAsync(); }

这样，当用户离开该页面时，计时器将停止执行。