Question

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

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

我想在以下之后添加:(“测试您的互联网连接质量......”）

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

我试过这个。

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);

Answer 1

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

window.setTimeout(MeasureConnectionSpeed, 3000);

Answer 2

关于加载器的显示/隐藏，如果不查看其余代码，很难确定，但您可以尝试以下方法：

将display: none添加到.loader

在InitiateSpeedDetection()功能中，执行以下操作：

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

如果要隐藏加载程序，请将其更改回display: hidden

这有用吗？

从函数内部添加loadbar

2 个答案: