브라우저 중지 버튼을 클릭하여 작업 수행

Question

사소한 경우 사과드립니다. 나는 JQuery를 처음 사용한다. 나는 수색을하고 this과 같은 질문을 발견했지만, 그들은 내 질문에 답을 얻지 못하는 것 같습니다.

나는 시간이 오래 걸릴 행동에 바보 진행 표시기 보여 jQuery를 사용하고 있습니다 :

사용자가 양식 버튼을 클릭

$(document).ready(function() { 
    $('form').submit(function() { 
     $('#progress').show(); 
    }); 
}); 

, 나는 그냥 애니메이션 GIF와 사업부를 표시합니다. 이 div는 페이지가 표시되는 나머지 시간 동안 표시됩니다. 양식의 작업이 완료되면 새 페이지가로드됩니다.

이 방법은 정상적으로 작동하지만 작업이 완료되기 전에 사용자가 브라우저에서 "중지"를 클릭하면 어떻게됩니까? div를 사라지게하려면 어떻게해야합니까? 이 사건을 접할 수있는 방법이 있습니까? 아니면 전체 상황을 처리 할 수있는 더 좋은 방법이 있습니까?

도움 주셔서 감사합니다.

Answer 1

"onstop"이벤트를 사용하여 처리 할 수 ​​있지만 IE에서만 작동합니다. 다른 브라우저에서 그런 이벤트를 처리 할 수 ​​없다고 생각합니다. 그것은 가능성이

$('form').submit(function() { 
    $('#progress').show(); 
    setTimeout(function(){ 
      $('#progress').hide(); 
    },3000); 
});