我使用網頁的有效教程制作了一個預加載器頁面，類似于https://codepen.io/bommell/pen/OPaMmj。問題是我想讓這個預加載器以某種方式假裝工作，而不使用任何繁重的內容圖片或視頻（iframe .....）換句話說，我想讓這個預加載器在我的實際項目之前成為默認屏幕，所以在 js 中文件中，我使用了setTimeout和clearTimeout，但是不起作用，我該怎么辦？每當我使用 Iframe 或其他技巧時，預加載器都會正常工作function myFunction() { myVar = setTimeout(function(){ document.body.addClass("loaded"); }, 3); } function myStopFunction() { clearTimeout(myVar); }誰能幫我偽造預加載屏幕？
2 回答
至尊寶的傳說
TA貢獻1789條經驗 獲得超10個贊
setTimeout告訴瀏覽器在指定的時間后執行操作。（單位是毫秒 - 3ms 可能有點短）。
clearTimeout告訴瀏覽器取消您設置的操作setTimeout。
您似乎想做的是將"loaded"類添加到body，因此無需使用clearTimeout：
setTimeout(function(){ document.body.classList.add("loaded"); }, 3000);"loaded"三秒后將添加班級。
暮色呼如
TA貢獻1853條經驗 獲得超9個贊
首先，創建一個加載程序。它可能只是一個通過 css 無限旋轉的圖像，它可能完全覆蓋比當前內容高 1 個 z 索引。無論它是什么，并不重要，只是它會掩蓋您的“加載”內容。給這個div一個id，即loader。
其次，當所有內容加載后，隱藏加載程序，如果需要的話可以將其刪除。
window.onload = function () {
document.getElementById("loader").style.display = "none"; //HIDE THE ELEMENT
document.getElementById("loader").style.remove(); // COMPLETELY REMOVE IT
}
- 2 回答
- 0 關注
- 111 瀏覽
添加回答
舉報
0/150
提交
取消