Показывает пользователям сообщение при загрузке веб-страницы

Question

Я портировал мобильное веб-приложение для Android. Приложение уже работает очень хорошо, и оно находится здесь CancerBank. Есть некоторые ссылки, которые загружаются более 30 секунд, когда пользователь нажимает на них в приложении Android, которые можно скачать здесь Android App. Теперь я хочу показать пользователю сообщение о том, что страница загружается, пока страница не будет полностью загружена. У кого-нибудь есть плагин, который я могу использовать для этого?

Приложение для моей страницы разработано в javascript, html5 и css.

Answer 1

взгляните на это. это похоже на хороший плагин.

http://www.gayadesign.com/scripts/queryLoader2/

Answer 2

Если вы используете JQuery и содержимое страницы загружается AJAX вы можете использовать это:

$("body").on({ 
    ajaxStart: function() { 
     // Your code here 
    }, 
    ajaxStop: function() { 
     // your code here 
    }  
}); 

Если вы не используете Ajax просто добавить загрузку div, когда пользователь нажимает по ссылке. Когда страница загружается, и пользователь получает новый контент, этот div снова исчезнет, ​​потому что страница была обновлена. И если вы действительно хотите позволить им подождать, пока загрузится все содержимое новой страницы: Добавить загрузку div, которая отображается всегда, чем использовать javascript, чтобы скрыть ее.

window.onload = function() { 
    // hide your div 
} 

Answer 3

Вы можете скрыть все страницы элементов по умолчанию (например. <div class='show_this' style='display: none;'>content</div>) и только показать DIV, содержащий «загрузки» анимации. Затем вы увидите элементы страницы, когда страница будет загружена. Например. Поместите это после загрузки jQuery:

$(document).ready(function(){ 
    $('.loading_message').hide(); 
    $('.show_this').show(); 
}); 

Что-то вроде этого может работать.