Я пытаюсь сделать что-то простое — сделайте jQuery script, который будет ждать, чтобы показать всю страницу, включая все DIV, текст и изображения. Пока страница загружается, вместо того, чтобы показывать части страницы, я хотел бы показать вращающееся изображение GIF, и когда вся страница будет загружена, мы можем угаснуть содержимое страницы в окне браузера.
Существует множество сценариев для загрузки с помощью запроса ajax в контейнер DIV — но это другое. Это покажет вращающийся GIF, пока загружается страница HTML. Любая помощь приветствуется
Этот тип script работает только с ajax-запросами
Материал из JQuery
Устанавливает функцию handler в качестве обработчика события load, на выбранные элементы.
Метод является аналогом bind(«load», handler(eventObject)).
handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.
Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind(«load», eventData, handler(eventObject)).
handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: .
Событие load происходит, когда сам элемент и все его дочерние элементы полностью загружены. Это событие может происходить на элементах, которые обладают полями URL (объект window, картинки, скрипты, фреймы).
Замечание: в некоторых случаях, если картинка содержится в кеше браузера, событие load может не произойти. Для такого случая можно воспользоваться специальным событием event.special.load, которое определено в небольшом плагине.
Замечание 2: если вам не требуется готовность мультимедийных файлов, лучше воспользоваться методом .ready(), который устанавливает обработчик готовности структуры документа, что происходит раньше начала загрузки файлов мультимедиа.
Примеры использования
Для страницы, содержащей картинку
следующий код позволит обработать ее загрузку:
А вот так можно обработать готовность всей страницы:
Какая-либо написанная функция при загрузке вашего сайта может сработать некорректно. Случается это потому, что контент вашего сайта не успел полностью прогрузиться на стороне пользователя, как скрипт уже закончил свою работу.
Исправить это можно, если отложить выполнение скрипта до полной загрузки страницы. Есть несколько способов.
1. Выполнить скрипт, когда загружен DOM:
Или более короткий вариант:
2. Выполнить скрипт, когда страница загрузилась полностью:
Если же вы хотите помимо выполнения скрипта после загрузки страницы сделать неоднократное выполнение функции с заданным интервалом времени, воспользуйтесь этой статьей.
Источник: