Jquery確定負載是否需要比設定的時間更長的負載

Question

我是從外部頁面的內容AJAXing。大多數情況下，加載時間不到一秒鐘，但是如果說加載時間超過3秒，是否可以淡入div（讓我們說一個預加載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); 

編輯：您可能需要使用jQuery的從該.ajax()功能，使您可以充分利用beforeSend的和成功的回調

事情是這樣的......

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); 
    } 

});