jquery fadein fadeout在悬停时暂停

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（）悬停的对象（以确保它不会在隐藏时暂停）。当您停止悬停时，再次开始间隔。