jquery淡入淡出暫停懸停

Question

我正在使用以下jquery代碼淡出/淡出褒獎。但是如果證詞很長，連續循環會使閱讀變得困難。如何在此腳本中懸停時添加暫停？

jQuery代碼：

$('.testimonials .testimonial').hide(); 
function fadeContent() { 
    $(".testimonials .testimonial:hidden:first").fadeIn(500).delay(5000).fadeOut(500, function() { 
     $(this).appendTo($(this).parent()); 
     fadeContent(); 
    }); 
} 
fadeContent(); 

HTML代碼：

<div class="testimonials"> 
    <div class="testimonial"><p>First testimonial</p></div> 
    <div class="testimonial"><p>Second testimonial</p></div> 
    <div class="testimonial"><p>Third testimonial</p></div> 
</div> 

的jsfiddle：http://jsfiddle.net/c7eRY/

Answer 1

我會考慮使用的setInterval重複變淡，而不是你目前擁有的遞歸調用。然後在懸停時，您可以取消間隔（使用clearInterval）和.show（）懸停的對象（以確保它不會在隱藏時暫停）。當你停止懸停時，再次開始間隔。