Загрузка всей HTML-страницы jQuery с помощью счетчика

Я пытаюсь сделать что-то простое -- написать сценарий jQuery, который будет ожидать отображения всей страницы, включая все элементы DIV, текст и изображения. Пока страница загружается, вместо того, чтобы показывать части страницы, я хотел бы показать вращающееся изображение GIF, а когда вся страница загружается, мы можем затухать содержимое страницы в окне браузера.

Существует множество скриптов для загрузки с помощью ajax-запроса в контейнер DIV, но это другое. Это покажет вращающийся GIF во время загрузки HTML-страницы. Приветствуется любая помощь

Этот тип скрипта работает только с запросами ajax

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