Ожидание изображения внутри функции JavaScript?

Question

У меня есть эта функция, приведенную ниже:

function consult(number, sequence){ 
     form = document.forms[1]; 

     form.number.value = number; 
     form.sequence.value = sequence; 

     form.submit(); 

    } 

После представить, Ява Action называется.

@Override 
    public ActionForward perform(ActionMapping mapping, ActionForm form, HttpServletRequest request, 
        HttpServletResponse response) throws ApplicationException, SystemException { 

     MyForm myForm= (MyForm) form; 

     MyDelegate.getInstance().cancel(myForm); 

     return mapping.findForward("cancel"); 
    } 

Возможно ли, что эта функция выполняется, положить простой gif в ожидании?

Как это:

Эта задача может привести семь секунд.

Answer 1

заканчиваю следующим образом:

function consult(number, sequence){ 
    //Here you call your loading 
    $.blockUI({ message: '<h1><img src="loading.gif" /> Wainting...</h1>' }); 

    form = document.forms[1]; 

    form.number.value = number; 
    form.sequence.value = sequence; 

    form.submit(); 

} 

Использование Jquery:

http://malsup.com/jquery/block/

Answer 2

Ну, вы можете иметь это GIF первоначально с:

opacity: 0; 
display: none; 

время перед загрузкой метод представить, он изменяет непрозрачность и дисплей для:

opacity: 1; 
display: block; 

когда функция заканчивается, вы измените gif на начальное состояние.