如何在 JS 中設置頁面的最大加載時間？

Question

我有一個網站，其中包含多個圖像，可能需要一些時間才能加載。 為了避免用戶等待，我在首選項中有一個選項來確定頁面的最大加載時間。 如果超過時間限制，用戶將被重定向到后備網站。

例如，假設用戶將加載時間限制設置為 5 秒。 5 秒后（從頁面加載開始），如果document.readyState不是“完成”，我們將重定向到備用站點。

這是我嘗試過的（沒有用）：

setTimeout(check, 1);
function check(){
    console.log("check");
    if(document.readyState!="complete"){
        stop();//Placeholder for redirect
        console.log("stopped");
    }else{
        console.log("Loaded");
    }
}

如何使用 JavaScript 來實現？

Answer 1

也許這會幫助你：

let timeout = setTimeout(redirect, 5000);

const redirect = () => {
    // redirect to the fallback
}

// jQuery approach
$(document).ready(() => {
    clearTimeout(timeout);
});


// pure JS approach
window.onload = () => {
    clearTimeout(timeout);
};