jQuery संवाद खुले और स्वचालित रूप से 3 सेकंड

Question

के बाद बंद हो गया है, मैं कुछ एनिमेशन के साथ प्रदर्शित करने के लिए कोई बटन नहीं खोलने के साथ एक jQuery संवाद खोलने की कोशिश कर रहा हूं और फिर स्वचालित रूप से वहां 3 सेकंड की तरह रहना चाहता हूं, फिर बंद करें। यहाँ मैं क्या सोचता काम करना चाहिए की एक jsfiddle है, लेकिन जैसा कि आप देख सकते हैं कि यह सिर्फ खोलता है और 3 सेकंड waitng बिना बंद कर देता है:

jsfiddle: http://jsfiddle.net/WrdM9/1/

किसी को भी यह कैसे बाहर सीधा करने के लिए पता है? धन्यवाद!

Answer 1

आप setTimeout उपयोग करना चाहिए: http://jsfiddle.net/WrdM9/2/

Answer 2

उपयोग jQuery देरी समारोह उदहारण के लिए:

open: function(event, ui) { 
    setTimeout(function(){ 
     $('#dialog').dialog('close');     
    }, 3000); 
} 

यहाँ बेला है

$("#your-modal-id").slideDown(300).delay(800).slideUp(400); 

Answer 3

यदि आप कुछ संक्रमण भी जोड़ना चाहते हैं तो मैं jQuery स्लाइडअप और स्लाइडडाउन एनिमेशन की अनुशंसा नहीं करता। वे धीमे हैं क्योंकि यह GPU के बजाय CPU का उपयोग करता है और एनिमेशन स्वयं पूरी तरह से सही महसूस नहीं करते हैं।

मैं इसके बजाय Velocity.js की अनुशंसा करता हूं। Velocity UI जेएस भी जोड़ना याद रखें। और आप ऐसा कुछ कर सकते हैं:

$("#your-modal-id").velocity('transition.slideUpBigOut', { delay: 3000 })