延遲加載的gif圖像

我在我的網頁獲取完全加載之前顯示一個gif加載圖像。它工作正常，但是當我刷新我的網頁時，它加載真正快速，但GIF圖像瞬間顯示。延遲加載的gif圖像

有沒有辦法讓gif圖片在請求頁面後2秒內出現？

即使頁面未加載2秒？取決於你的答案是document.ready或document.load隱藏加載器$（'。loader'）。delay（2000）.fadeOut（） – drip

@drip對不起，我想我不清楚。我的意思是當你請求頁面時，gif應該在請求發出後2秒出現，而不是立即出現。顯示GIF應該有一個延遲，而不是隱藏它。 – user2878249

抱歉沒有讀完。然後使用fadeIn（），而不是fadeOut（），因爲你不想等待頁面加載完全在document.ready上執行而不是加載。 – drip

你可以創建一個是2秒

var myLoadingTimer = setTimeout(function(){ 
    $('#thegifimage').show(); // show the image 
},2000);

火後，當頁面加載

$(document).ready(function() { 
    clearTimeout(myLoadingTimer); // clearing the timer 
    $('#thegifimage').show(); // hiding image tho 
});

儘管如此，它可能總是發生取消這一項，該圖像顯示，當該頁面2010年後加載;）

2013-10-16 06:16:32 Tschitsch

回答