jQuery ganze HTML-Seite mit Spinner laden

Ich versuche etwas Einfaches - erstelle ein jQuery-Skript, das darauf wartet, die gesamte Seite einschließlich aller Divs, Texte und Bilder anzuzeigen. Während die Seite geladen wird, möchte ich, anstatt Teile der Seite anzuzeigen, ein sich drehendes GIF-Bild anzeigen. Wenn die gesamte Seite geladen ist, können wir den Inhalt der Seite im Browserfenster ausblenden.

Es gibt viele Skripte, die mit einer Ajax-Anforderung in einen Container-DIV geladen werden können - aber das ist anders. Dies zeigt ein sich drehendes GIF, während eine HTML-Seite geladen wird. Jede Hilfe wird geschätzt

Diese Art von Skript funktioniert nur bei Ajax-Anforderungen

$('#loadingDiv')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });

Antworten auf die Frage(4)

Ihre Antwort auf die Frage