jQuery, लोडिंग पृष्ठ div केवल तभी प्रदर्शित करें जब पेज

Question

लोड करने के लिए 2 सेकंड से अधिक समय लेता है, यह मेरा पहला प्रश्न है, इसलिए उम्मीद है कि मैं पर्याप्त विवरण दूंगा।

$(document).ready(function() { 
    $('#page_loading').slideDown(500); 
}); 

jQuery(window).load(function() { 
    setTimeout(function() {$('#page_loading').slideUp(500);}, 1500); 
}); 

क्या मैं मैं हासिल करने की कोशिश कर रहा हूँ: जब पूरी तरह से ब्राउज़ कर 4 पृष्ठों, #page_loading div स्लाइड नीचे केवल तभी पेज अधिक से अधिक 2 सेकंड लेता है मैं एक वेबसाइट पर 4 पृष्ठों में निम्नलिखित कोड है लोड करने के लिए। यदि पृष्ठों को लोड करने के लिए 2 सेकंड से कम समय लगता है (पहले देखा गया था और अधिकांश छवियों को कैश किया गया है) तो लोडिंग div दिखाई नहीं देगा।

इस बिंदु पर, भले ही पृष्ठ लोड होने के लिए एक सेकंड से भी कम समय लेता है, लोड लोड अभी भी प्रकट होता है और गायब हो जाता है, और यह बहुत परेशान है।

धन्यवाद, क्रिस्टियन।

Answer 1

क्या यह चाल चल जाएगा?

var showTimeout = setTimeout(function() { 
    $('#page_loading').slideDown(500); 
}, 2000); 

jQuery(window).load(function() { 
    clearTimeout(showTimeout); 
    $('#page_loading').slideUp(500); 
});