ASP.NET Core MVC C# - 页面超时时显示自定义弹出错误消息

Question

我有 ASP.NET Core MVC 应用程序，我想将页面的超时设置为 60 秒，如果页面持续加载 60 秒或更长时间，则在弹出窗口中显示超时错误消息，显示“该网站似乎加载此页面的时间太长。”

我已经完成了在 ASP.NET Core C# 中设置超时中间件：

https://learn.microsoft.com/en-us/aspnet/core/performance/timeouts?view=aspnetcore-8.0&viewFallbackFrom=aspnetcore-6.0

但不确定我们如何自定义以显示弹出错误消息。

Answer 1

要显示自定义弹出消息，您可以使用 JavaScript 代码：

<script type="text/javascript">
    window.onload = function() {
        var timeout = setTimeout(function() {
            if (!document.readyState === "complete") {
                alert("The site appears to be taking too long to load this page.");
            }
        }, 60000); 

        document.onreadystatechange = function() {
            if (document.readyState === "complete") {
                clearTimeout(timeout);
            }
        };
    };
</script>