Jquery는로드 시간이 설정된 시간보다 오래 걸리는 지 확인합니다.

Question

외부 페이지의 컨텐츠를 AJAXing하고 있습니다. 대부분의 시간은 부하가 1 초 미만이지만,로드가 3 초보다 오래 걸리면 div가 사라질 수있는 방법이 있습니다. 이렇게 뭔가가 ...

$targetPoint.load($dataImportURL + " " +$rawCollectionPoint,function(){ 
    if (($(this).load >= 3)) 
    { 
     alert ("Its taken more than 3 seconds to load"); 
    }      
}); 

Answer 1

JavaScript setTimeout 기능을 살펴보십시오. 당신이 당신의 Ajax 호출을 보내

...

var timeout = setTimeout(function(){ 
    alert ("Its taken more than 3 seconds to load"); 
}, 3000); 

그리고 AJAX 호출이 타임 아웃 트리거를 취소 완료 될 때.

clearTimeout(timeout); 

편집 : 당신이 beforeSend을 활용할 수 있습니다 성공이 같은

뭔가를 콜백 있도록 ... jQuery를에서 .ajax() 기능을 사용 할 수 있습니다

var timeout; 
$.ajax({ 
    url: $dataImportURL + " " +$rawCollectionPoint 
    beforeSend: function(){ 
     timeout = setTimeout(function(){ 
     alert ("Its taken more than 3 seconds to load"); 
    }, 3000); 
    } 
    success: function(data){ 
     clearTimeout(timeout); 
     $targetPoint.html(data); 
    } 

});