jquery का उपयोग कर 5 सेकंड के बाद div टेक्स्ट गायब हो जाता है?

Question

मुझे AJAX कॉल

का उपयोग करके इसे प्रदर्शित करने के x सेकंड के बाद एक div टेक्स्ट गायब होने की आवश्यकता है, कृपया आप इस पर मेरी सहायता कर सकते हैं?

धन्यवाद

Answer 1

आप एक <div> सामग्री को हटाने के लिए उपयोग कर सकते हैं empty()

उत्तरार्द्ध कभी कभी पसंद किया जाता है क्योंकि यह ग्लोबल नेम स्पेस कम प्रदूषित करता

var fade_out = function() { 
    $("#mydiv").fadeOut().empty(); 
} 

setTimeout(fade_out, 5000); 

:

<div id="mydiv"> 
    ... 
</div> 

है यदि आप चाहें एक गुमनाम समारोह के साथ ऐसा कर सकते हैं:

setTimeout(function() { 
    $("#mydiv").fadeOut().empty(); 
}, 5000); 

या यहाँ तक कि।

Answer 2

आप setTimeout की तरह कुछ स्थापित करने के लिए की आवश्यकता होगी ('$ ("# आईडी")। FadeOut ("धीमी")', 5000), लेकिन से है कि यह क्या अपने कोड के बाकी पर निर्भर करता है अन्य यह मानते हुए कि

setTimeout(fade_out, 5000); 

function fade_out() { 
    $("#mydiv").fadeOut().empty(); 
} 

: ऐसा लगता है कि

Answer 3

$.doTimeout(5000, function(){ 

// hide the div 
}); 

Answer 4

यह काम करना चाहिए:

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
     $('#mydiv').fadeOut(); 
    }); 
}); 

Answer 5

आप इस मामले मैं प्रयोग किया जाता में, .delay()

$(".formSentMsg").delay(3200).fadeOut(300); 

कॉल div मिलीसेकेंड में सेट देरी समय कोशिश करते हैं और संपत्ति आप बदलना चाहते हैं निर्धारित कर सकते हैं .fadeOut() ताकि यह एनिमेटेड हो सके, लेकिन आप .hide() का भी उपयोग कर सकते हैं।

http://api.jquery.com/delay/

Answer 6

आप के बाद यह गायब हो गया है div पाठ फिर से प्रदर्शित करने के लिए आवश्यकता हो सकती है। यह 1 लाइन में किया जा सकता है।

$('#div_id').empty().show().html(message).delay(3000).fadeOut(300);