जवाबों:
यह 1 सेकंड (1000 मिलीसेकंड) के बाद div को छिपा देगा।
setTimeout(function() {
$('#mydiv').fadeOut('fast');
}, 1000); // <-- time in milliseconds#mydiv{
width: 100px;
height: 100px;
background: #000;
color: #fff;
text-align: center;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv">myDiv</div>यदि आप केवल लुप्त होती बिना छिपाना चाहते हैं, तो उपयोग करें hide()।
.delay()"मूल" और "के लिए सुरुचिपूर्ण" है jQuery।
.fadeOut('fast')साथ बदल सकते हैं .hide()।
आप कोशिश कर सकते हैं .delay()
$(".formSentMsg").delay(3200).fadeOut(300);डिव को मिलीसेकेंड में देरी का समय निर्धारित करें और उस संपत्ति को सेट करें जिसे आप बदलना चाहते हैं, इस मामले में मैंने उपयोग किया ।fadeOut () तो यह एनिमेटेड हो सकता है, लेकिन आप .hide () भी उपयोग कर सकते हैं।
jquery एक समयबद्ध तरीके से div को छुपाने के लिए कई तरह के तरीके प्रदान करता है जिसमें अंतराल टाइमर या अन्य ईवेंट हैंडलर को सेट करने और बाद में साफ़ करने या रीसेट करने की आवश्यकता नहीं होती है। कुछ उदाहरण निम्नलिखित हैं।
शुद्ध छिपाव, एक सेकंड की देरी
// hide in one second
$('#mydiv').delay(1000).hide(0); शुद्ध छिपाव, कोई देरी नहीं
// hide immediately
$('#mydiv').delay(0).hide(0); एनिमेटेड छिपाना
// start hide in one second, take 1/2 second for animated hide effect
$('#mydiv').delay(1000).hide(500); फेड आउट
// start fade out in one second, take 300ms to fade
$('#mydiv').delay(1000).fadeOut(300); इसके अतिरिक्त, तरीके दूसरे पैरामीटर (विधि के आधार पर) के रूप में एक कतार नाम या कार्य कर सकते हैं। उपरोक्त सभी कॉल और अन्य संबंधित कॉल के लिए दस्तावेज़ यहां देखे जा सकते हैं: https://api.jquery.com/category/effice/
ऐसा करने का एक बहुत ही सरल तरीका है।
समस्या यह है कि .delay केवल एनिमेशन को प्रभावित करता है, इसलिए आपको क्या करने की आवश्यकता है ।hide () इसे एक अवधि देकर एक एनीमेशन की तरह कार्य करता है।
$("#whatever").delay().hide(1);
यह एक अच्छी छोटी अवधि देकर, यह नियमित रूप से .hide फ़ंक्शन की तरह ही तुरंत दिखाई देता है।
$.fn.delay = function(time, callback){
// Empty function:
jQuery.fx.step.delay = function(){};
// Return meaningless animation, (will be added to queue)
return this.animate({delay:1}, time, callback);
}से http://james.padolsey.com/javascript/jquery-delay-plugin/
(विधियों के जंजीरों की अनुमति देता है)
JQuery टाइमर का उपयोग करने से आपको समय के साथ जुड़ा हुआ एक नाम भी मिलेगा जो ऑब्जेक्ट से जुड़ा हुआ है। इसलिए आप कई टाइमर को एक ऑब्जेक्ट से जोड़ सकते हैं और उनमें से किसी एक को रोक सकते हैं।
$("#myid").oneTime(1000, "mytimer1" function() {
$("#something").hide();
}).oneTime(2000, "mytimer2" function() {
$("#somethingelse").show();
});
$("#myid").stopTime("mytimer2");Eval फ़ंक्शन (और इसके रिश्तेदार, फ़ंक्शन, सेटटाइमआउट और सेटइंटरवल) जावास्क्रिप्ट संकलक तक पहुंच प्रदान करते हैं। यह कभी-कभी आवश्यक होता है, लेकिन ज्यादातर मामलों में यह बेहद खराब कोडिंग की उपस्थिति को इंगित करता है। Eval फ़ंक्शन JavaScript की सबसे अधिक दुरुपयोग की जाने वाली विशेषता है।
संभवत: सबसे आसान तरीका है कि टाइमर प्लगइन का उपयोग करें। http://plugins.jquery.com/project/timers और फिर ऐसा कुछ कॉल करें
$(this).oneTime(1000, function() {
$("#something").hide();
});हम सीधे उपयोग कर सकते हैं
$('#selector').delay(5000).fadeOut('slow');<script>
$(function() {
$(".hide-it").hide(7000);
});
</script>
<div id="hide-it">myDiv</div>