jQuery चेतन लेकिन फिर वापस सामान्य

Question

के लिए आते हैं एक div "dMyDiv"

मैं jQuery में नोटिस पर विचार करें मैं तो यह चेतन कर सकते हैं:

$("#dMyDiv").animate({ 
     backgroundColor: "#aa0000" 
    }, 1000); 

मेरी div करने के लिए रंग का पृष्ठभूमि की तरह एक लाल लाता है। लेकिन क्या 10 सेकंड कहने के बाद मेरे रास्ते की मेरी सामान्य सफेद पृष्ठभूमि पर वापस जाने का कोई तरीका है? मुझे लगता है कि एक कॉलबैक फ़ंक्शन है लेकिन मुझे यकीन नहीं है कि एनीमेशन शुरू करना संभव है, और एक बार जब एनीमेशन मेरी नियमित पृष्ठभूमि (एनीमेशन से पहले) पर वापस जाने के लिए किया जाता है। मैं सिर्फ यह करना चाहिए: लाल चेतन के बाद

$("#dMyDiv").animate({ 
      backgroundColor: "#aa0000" 
      }, 1000, function() { 
      $(#dMyDiv").animate({ backgroundColor: "#fff" }, 1000); 
      }; 
); 

अर्थ, बस सफेद करने के लिए फिर से चेतन?

Answer 1

मैं इस लोगों के साथ यह करने के लिए कर रहा था:

http://jsfiddle.net/aN7qz/

यहाँ कोड है:

$("#myDiv").animate({ 
      backgroundColor: "#aa0000" 
      }, 
      1000, 
      function() { 
       $("#myDiv").animate({ backgroundColor: "#fff" }, 1000); 
      } 
        ); 

Answer 2

आप सही हैं। तीसरा पैरामीटर एक ऐसा फ़ंक्शन है जो एनीमेशन पूर्ण होने के बाद निष्पादित होता है।

$("#dMyDiv").stop().animate({backgroundColor:'#aa0000'},1000,function(){ 
    $(this).animate({backgroundColor:'#fff'},1000); 
}); 

Answer 3

आप setTimeout इस्तेमाल कर सकते हैं:

$("#dMyDiv").stop(true, true).animate({ 

    backgroundColor: "#aa0000" 

}, 1000, function() { 

    setTimeout(function() {  

     $(#dMyDiv").animate({ 

      backgroundColor: "#fff" 

     }, 1000); 

    }, 10 * 1000); 

});