मैं jQuery का उपयोग कर एक div कैसे फीका कर सकता हूँ?

Question

क्या SetTimeOut फ़ंक्शन का उपयोग किये बिना 5 सेकंड के बाद div को fadeout करने का कोई तरीका है?

Answer 1

हर कोई जानता है कि jquery 1.4 में अब देरी कार्य है, है ना?

$('#div').delay(5000).fadeOut(400) 

यह है कि आप इसे कैसे करते हैं, बिना किसी कस्टम फ़ंक्शन या प्लग-इन जोड़ने के। यह jquery 1.4

Answer 2

, करेंगे आप मतलब है पाँच सेकंड प्रतीक्षा करें और फिर समाप्त 'हो मानते हुए, मुझे लगता है कि आप देरी के लिए मजबूर करने के लिए एक प्लगइन का उपयोग करने के लिए है जैसे this one

Answer 3

सुनिश्चित नहीं हैं कि अगर आप इसे 5 सेकंड या शुरू ले जाना चाहते हैं 5 सेकंड में

इसके लिए 5 सेकंड लेने के लिए: jQuery fadeout फ़ंक्शन को div पर उपयोग किया जा सकता है, और यह तत्व की अस्पष्टता को 0 तक कम कर देगा और फिर कोई भी div प्रदर्शित नहीं करेगा। फीड की गति फ़ंक्शन के लिए पैरामीटर है।

http://docs.jquery.com/Effects/fadeOut#speedcallback

5 सेकंड में इसे शुरू करने के लिए, आप शुरू होता है, जब दस्तावेज़ या खिड़की के लिए तैयार है, या जब div के लिए तैयार है कि आप क्या चाहते हैं पर निर्भर करता टाइमर के कुछ प्रकार की आवश्यकता होगी।

Answer 4

fadeOut() फ़ंक्शन के बारे में कैसे।

$("#myDiv").fadeOut(5000); 

Answer 5

केस 1:: कुछ इस तरह दिखेगा

jQuery.fn.delay = function(time,func){ 
    return this.each(function(){ 
     setTimeout(func,time); 
    }); 
}; 

फिर, इस तरह उपयोग: यदि आप 5 सेकंड के बाद fadeOut शुरू करना चाहते हैं, इस का उपयोग

$('#div').delay(5000, function(){$(#div').fadeOut()}) 

आप सेटटाइमऑट का उपयोग किए बिना इसे

सी पर प्राप्त नहीं कर सकते ase 2: यदि आप अवधि fadeOut के चाहते 5 सेकंड हो सकता है, इस का उपयोग करें:

$('#div').fadeOut(5000) 

Answer 6

// मैं मैं सिर्फ

लिखा था इस ठहराव प्लगइन का उपयोग

$.fn.pause = function(duration) { 
    $(this).animate({ dummy: 1 }, duration); 
    return this; 
}; 

इसे इस तरह कॉल करें:

$("#mainImage").pause(5000).fadeOut(); 

नोट: आपको कॉलबैक की आवश्यकता नहीं है।

Answer 7

मुझे बस एक ही समस्या थी और मेरी राय में चिह्नित उत्तर वास्तव में वास्तव में प्रश्न को पूरा नहीं करता है। एक ऐसा

$("#myDiv").fadeOut(5000); 

निर्दिष्ट करता है के रूप में suggsted, fading प्रक्रिया ही 5 सेकंड के लिए पिछले जाएगा, लेकिन नहीं शुरू 5 के बाद सेकंड।

तो मैं एक विकल्प के लिए खोज रहा था, एक और jQuery शामिल करने की आवश्यकता प्लगइन आदि आसान समाधान मैं के साथ आया था इसे लिखने के लिए किया गया था इस प्रकार है:

$("#myDiv").fadeTo(5000,1).fadeOut(1000); 

यह fadeTo प्रभाव का उपयोग करता है और यह है किसी भी तरह एक "हैक"। मैंने फीका को 5 सेकंड तक चलाने दिया और इसे 1 = 100% अस्पष्टता में फीका दिया। इस तरह उपयोगकर्ता को कोई बदलाव नहीं दिखता है। बाद में 1 सेकंड के प्रभाव की अवधि के साथ सामान्य कॉल को फीका करने के लिए।

मुझे लगता है कि यह समाधान काफी सरल है क्योंकि इसे किसी भी अतिरिक्त प्लगइन की आवश्यकता नहीं है और इसे 1 लाइन में लिखा जा सकता है।

चीयर्स।

// संपादित करें:
जाहिर है अब वहाँ इस तरह कुछ करने के लिए संभावना:

$('#myDiv').delay(800).fadeOut(1000); 

Here are कुछ और शांत, उपयोगी कार्य करता है।