Как сделать визуализацию ожидания события JavaScript?

Question

[MichailNikiforov]

Подскажите, как реализовать визуализацию ожидания события.

Очень нравится как на сайте online-egrp.ru сделали - вводишь данные, жмешь "поиск" -
вылазит анимация с обратным отсчетом.

Спасибо!

UPD Пожалуйста, хотя бы покажите место в коде, чтоб мне понятнее было.

Answer 1

[iBird Rose]

обычный preloader. просто вместо какой нить гифки стоит скрипт который отсчитывает секунды.

Comments

[MichailNikiforov]

Благодарю за ответ! Вы можете показать это место в коде для моего дальнейшего обучения?

[iBird Rose]

MichailNikiforov: online-egrp.ru/assets/application-81af0d7828df18da... ReportTimerOn() - функция таймера. document.getElementById("preloader") и $(".submite_btn").click(function(){
document.getElementById("preloade_app").style.display = "block";
ReportTimerOn();
}); сам прелоадер

Answer 2

[Денис Инешин]

Обратный отсчет не нужен, потому что-то он всегда врет, да и это почти не реально посчитать точное время на выполнение запроса.

А вот красивый прелоадер - самое то. Есть отличный генератор: preloaders.net