Javascript 从函数内部添加loadbar

我有一个用css制作的自定义加载程序，这是我的html：

<div class="loader"></div>

我试过这个

var x = document.getElementById("loader").innerHTML;
function InitiateSpeedDetection() {
    ShowProgressMessage("Testing your internet connection quality...");
    document.getElementById("loader").innerHTML = x;
    document.getElementsByTagName("li")[2].removeAttribute("class");
    window.setTimeout(MeasureConnectionSpeed, 1);
};

它不起作用。 除了我的问题之外，我如何更改默认超时

window.setTimeout(MeasureConnectionSpeed, 1); 

---

.setTimeout

使用毫秒，而不是秒。要查看任何内容，您应该将超时设置为更大的值，例如3秒

window.setTimeout(MeasureConnectionSpeed, 3000); 

---

关于加载程序的显示/隐藏，不看代码的其余部分就很难确定，但您可以尝试以下方法：

将

display:none

添加到

.loader

在

InitiateSpeedDetection（）函数中，执行以下操作：

document.getElementById("loader").style.display = 'initial';

要隐藏加载程序时，将其更改回

display:hidden

---

这行得通吗？

你能提供完整的示例，而不是代码的一小部分吗？当然，这太长了，我不想弄糟。但我做了一件事。我还不能让它工作，但我正在努力。谢谢你抽出时间。

document.getElementById("loader").style.display = 'initial';