如何检查页面是否在 12 秒后仍未完全加载，使用 javascript

Question

我想要此代码 top.location.href= 'http://myweb.com/super-minimal-page.html'; 仅针对需要很长时间加载我的页面的设备（可能超过 12 秒仍未完全加载我的页面）。

Answer 1

当页面加载完成时，

document.readyState 将 return "complete"。您可以设置超时并检查 readyState 的值是否在 12 秒后不是 "complete"。

setTimeout(function () {
    // Not complete. Document hasn't finished loading.
    if (document.readyState !== 'complete') {
        top.location.href = 'http://myweb.com/super-minimal-page.html';
    }
}, 12000);

Answer 2

使 Boolean 变量在脚本顶部加载了错误值然后创建 setTimeout 函数 12 秒，在页面未加载的情况下需要触发函数

在 document.load 函数中将布尔变量设置为 true 并检查 pageNotLoaded 函数中的变量，如下所示

<script type="text/javascript">
  var pageIsLoaded = false;
  setTimeout(PageNotLoaded, 12000);

$(function(){

  pageIsLoaded = true;

});

function PageNotLoaded()
{
 if(!pageIsLoaded)
   {
     // do your code here
   }
}
</script>

如何检查页面是否在 12 秒后仍未完全加载，使用 javascript

How check if pages still not full loading after 12 second, using javascript

javascript

performance

redirect

device

pagespeed