如何編寫 function 以延遲 window 加載 3 秒？

Question

我想將下面的 JavaScript 代碼執行的操作延遲 3 秒。 我該怎么做呢？

window.addEventListener("load", function alertFunc() {
    const loader = document.querySelector(".loader");
    loader.className += " hidden"; //class="loader hidden"
});

Answer 1

您可以使用setTimeout function 和 3000 作為

 window.addEventListener("load", function alertFunc() {

        setTimeout(()=>{
        const loader = document.querySelector(".loader");
        loader.className += " hidden"; //class="loader hidden"
        }, 3000)
    });

Answer 2

window.addEventListener("load", function alertFunc() {
    setTimeout(function() {
        const loader = document.querySelector(".loader");
        loader.className += " hidden"; //class="loader hidden"
    }, 3000);
});

https://www.w3schools.com/jsref/met_win_settimeout.asp

Answer 3

您可以使用 javascript 中的 setTimeout

 window.addEventListener("load", function() { console.log("Doc Loaded"); setTimeout(callAfter3Second,3000); }); function callAfter3Second(){ console.log("3 second Waiting Done"); }