Не совсем понятно, что вы хотите сделать.
Узнать, когда текущая страница начала выгружаться можно с помощью события window.onunload
. Однако как только начнется загрузка следующей страницы, бразуер уничтожит предыдущую вместе со всеми значками, элементами и кодом и ваш значёк загрузки пропадёт. Фактически, таким способом вы отобразите его на долю секунды.
Чтобы реализовать то, что вы хотите, вам необходимо загружать страницы с помощью AJAX не уничтожая текущую страницу. Если вы загружаете страницы по ссылкам с помощью AJAX (т.е. JavaScript запросом), то можно сделать следующее.
- Пользователь нажимает ссылку, вызывается ваш JavaScript-обработчик этого события.
- Вы показываете значёк загрузки, затем начинаете саму загрузку с помощью AJAX (конкретно в jQuery —
$.get
, $.post
, $.ajax
и тому подобное).
- По завершении загрузки в функции-обработчике вы, кроме всего прочего, убираете значёк загрузки и заменяете старое содержмое страницы вновь полученным.
Костыль, но лучше пока ничего реализовать не получится.