Javascript 使用fadeIn循环jQuery函数

我正在使用一个简单的jQuery函数创建一个小的图像滑块：

function gridhover() {
    $(".grid-item .slide-image").each(function(index) {
        $(this).delay(400*index).fadeIn(300);
    });
}

$( ".grid-item" ).hover(function() {
    gridhover();
});

---

如果函数播放一次，它将停止。有没有办法循环函数？看看我的

这里的想法是，既然你淡出了某些东西，你也必须淡出它，并一次又一次地重复同样的过程

function gridhover() {
    $(".grid-item .slide-image").each(function(index) {
        $(this).delay(2000*index).fadeIn(300);
    });
  $(".grid-item .slide-image").each(function(index) {
        $(this).delay(2000*index).fadeOut(300);
    });
}

试试这个，但是根据我为你准备的，用更好的时间

请查看整个JSFIDLE

---

希望有帮助。

使用

mouseenter

和

mouseleave

？查看以下答案：他在何处共享此伟大链接：尝试增加延迟。。。延迟（2000*索引）在淡出功能中，你应该让它们以相反的顺序淡出。。像那样的东西应该可以。。此外，您可能有悬停问题…工作正常！谢谢

<div id="cycler">
    <img class="active" src="image1.jpg" alt="My image" />
    <img src="image2.jpg" alt="My image" /> 
    ...
</div>

var milisecs = 1000;
var myInterval;

$("#cycler").hover(function(){
    myInterval = setInterval(function(){cycleImages()}, milisecs);
}, function(){
    clearInterval(myInterval);
});
...