延遲動畫開始

Question

我試圖在幾秒鐘後結束動畫。我會給你幾秒鐘來研究我的標記。

$(document).ready(function() { 

     //when mouse enters .box .cover will animate to go to 150px 
     $('.box').mouseenter(function() { 
      $(this).parent().find('.cover').stop().animate({ 
       top: '150px' 
      }) 
     //when mouse leaves .box - .cover will set back to 300px 
     .mouseleave(function() { 
      $(this).parent().find('.cover').stop().animate({ 
       top: '300px', 
       duration: 300   
      }) 
      }); 
     }); 



}); 

我想要做什麼是我的鼠標離開.cover我要等待幾秒鐘.cover去頂後：300像素。

我該如何做到這一點？任何可能的解你能不能簡短地解釋我錯過了什麼，我做錯了什麼？我想知道我做錯了什麼或錯過了什麼。

感謝堆棧溢出！

Answer 1

Delay it

編輯： 此：

$(this).parent().find('.cover').stop().animate({ 
       top: '300px', 
       duration: 300   
      }) 

變化爲：

$(this).parent().find('.cover').stop().delay(4000).animate({ 
       top: '300px', 
       duration: 300   
      })