Estoy tratando de hacer algo simple: hacer un script jQuery que esperará para mostrar la página completa, incluidos todos los DIV, texto e imágenes. Mientras se carga la página, en lugar de mostrar partes de la página, me gustaría mostrar una imagen GIF giratoria y, cuando se carga toda la página, podemos desvanecer el contenido de la página en la ventana del navegador.

Hay muchos scripts para cargar con una solicitud ajax en un DIV contenedor, pero esto es diferente. Esto mostrará un GIF giratorio mientras se carga una página HTML. Cualquier ayuda es apreciada

Este tipo de script solo funciona en peticiones ajax

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