HTML - div verschwinden lassen nach Zeit?

Hallo,

ich habe eine einfache Webanwendung mit HTML, CSS und JavaScript programmiert. Mit CSS habe ich eine einfache Lade-Animation erstellt.

Diese Animation ist in einem .div -Container gespeichert.

Diese Animation soll nach 5 Sekunden automatisch verschwinden, da der Content meiner Webanwendung bis dahin richtig geladen hat und sonst der Bildschirm mit den verschiedenen Elementen überflutet wäre...

Durch Google bin ich leider nicht schlauer geworden.

Kann mir jemand den Code als Antwort auf diese Frage geben oder einen Link zum Code geben?

Danke im Voraus!

Answer 1

[LeBonyt]

Du könntest mit display: none oder/und opacity:0 DOM Elemente. ausbleden. Du könntest auch über Selektoren mit remove, die DOM Elemente aus dem Code entfernen. Vielleicht fällt regex noch was ein.

Woher ich das weiß: Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Answer 2

[MrAmazing2]

Nimm setTimeout für die Verzögerung und display: none (oder deinElement.remove() falls du die Ladeanimation danach nie mehr brauchst) zum Ausblenden:

setTimeout(()=> {
document.getElementById("loadingDiv").style.display = "none";
}, 5000);

Woher ich das weiß: Hobby – Programmieren ist mein Hobby & Beruf

Comments

[triopasi]

Alternativ: Lass die Ladeanimation weg.

Der Timeout hört sich nicht so an, als würdest du wirklich etwas laden wo das nötig ist. In dem Fall nervt das einfach nur.