Opóźnienie javascript

Question

Jak bym mógł w poniższym kodzie opóźnić usunięcie preloadera

<script type="text/javascript">
	var loader = document.getElementById("loader");
	
	window.addEventListener("load",function(){
	
		loader.style.height = "100%";
		
		loader.style.width = "100%";
		
		loader.style.borderRadius = "50%";
		
		
		
		loader.style.visibility = "hidden";
		
		});
		
		
	</script>

 

Answer 1

Dla prostego przypadku możesz posłużyć się setTimeout. Pytanie tylko, czy na pewno potrzebujesz opóźnić o określony czas, czy raczej czekasz aż jakiś zbiór danych załaduje się na stronie? Jeśli to drugie, to podaj więcej informacji, bo setTimeout może zbyt późno lub za wcześnie usunąć loader - Ty sobie wyliczysz np. 3 sekundy, a jeśli strona będzie jeszcze coś doczytywać, to (w zależności jak jest zaprojektowana) może jeszcze przez chwilę nie nadawać się do użycia przez użytkownika; albo w drugą stronę, jeśli ustawiony na sztywno timeout schowa loader zbyt późno, to użytkownik niepotrzebnie będzie czekał.

Comments

Chciałbym żeby miał opóźnienie tak z 3 sekundy np. , ponieważ podczas preloader-a jest animacja gif i chciałbym , żeby cała się załadowała i potem jeszcze jakby strona się załadowała to znika a jak nie to dalej ładuje.

---

Twój kod jest umieszczony w event listenerze, który odpala się na zdarzenie load - wtedy strona powinna być już załadowana. Pytanie, co na Twojej stronie jeszcze ładuje się po tym evencie? Prześledź to w zakładce Network (lub Sieć) Narzędzi Deweloperskich przeglądarki. Może doczytujesz coś asynchronicznie...