JavaScript预加载程序工作不正常

我一直在一个网站上工作，最近我决定在我的网站上实现一个预加载程序。 我已经准备好了一切，但是控制加载程序的JavaScript似乎不起作用

这是我的密码：

由于有相当多的代码，我已经将其上传到JSFIDLE上 给你

---

但是此代码不起作用，我做错了什么？

您需要调用您的

loadPage

函数。现在，您只定义了它

//其他代码
loadPage（）；

您忘记调用

loadPage（）

函数

我编辑了你的小提琴：

---

您忘了包含JSFIDLE！你说的“不工作”是什么意思？这可能是很多事情。我添加了代码。另外，控制台中没有错误。你想实现什么？发生了什么事？老兄你是救命恩人

<div class="spinner-wrapper">
    <div class="spinner">
        <svg width="634" height="62" viewBox="0 0 634 62" fill="none" xmlns="http://www.w3.org/2000/svg">
...
        </svg>

    </div>
    </div>

.spinner-wrapper {
    height: 100%;
    width: 100%;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

function loadPage() {
    let timeout = setTimeout(showPage, 3000);
}

function showPage() {
    document.querySelector('.spinner-wrapper').style.display = 'none'
    document.querySelector('.container').style.display = 'block'
}