добавление loadbar внутри функции

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

Что касается показа/скрытия загрузчика, это трудно сказать наверняка, не глядя на остальной части вашего кода, но вы можете попробовать следующее:

1. Добавить display: none в CSS из .loader

2. Внутри вашей InitiateSpeedDetection() функции, сделать что-то вроде:

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

3. Изменение его обратно display: hidden, когда вы хотите, чтобы скрыть загрузчик

ли это работает?