jQuery शो

Question

मैं .show का उपयोग कर एक सफल फ़ॉर्म सबमिट करने के बाद एक छिपे हुए संदेश को प्रदर्शित करने के लिए उपयोग कर रहा हूं।

5 सेकंड के लिए संदेश कैसे प्रदर्शित करें, फिर छुपाएं?

Answer 1

आप इस तरह एक एनीमेशन से पहले .delay() उपयोग कर सकते हैं,:

$("#myElem").show().delay(5000).fadeOut(); 

यदि यह एक एनीमेशन नहीं है, सीधे setTimeout() उपयोग करते हैं, इस तरह:

$("#myElem").show(); 
setTimeout(function() { $("#myElem").hide(); }, 5000); 

आप दूसरे करते हैं, क्योंकि .hide() wouldn ' सामान्य रूप से एनीमेशन (fx) अवधि के बिना कतार पर, यह सिर्फ एक त्वरित प्रभाव है।

या, एक और विकल्प .delay() और .queue() खुद के उपयोग करने के लिए, इस तरह है:

$("#myElem").show().delay(5000).queue(function(n) { 
    $(this).hide(); n(); 
}); 

Answer 2

आप चेतन करने के लिए नीचे प्रभाव का उपयोग कर सकते हैं, तो आप अपने आवश्यकताओं के अनुसार मूल्यों को बदल सकते

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');