Jquery在循环中悬停efect

Question

我有包含悬停效果图像的项目列表。悬停效果显示项目描述。我制作了一个循环，每个项目描述显示3秒钟。

问题是当你鼠标输入一些元素时它会显示文本，但是当循环捕获时它会隐藏项目文本。你需要离开并输入元素再次显示文本。如果元素已经悬停，我想阻止文本隐藏。

    var index = 0;
    var duration = 3000;
    function loopProjects() {
        $('.port-hov').each(function(index,item) {

            index = index + 1;
            //console.log(index);
            setTimeout(function(){
                $(item).mouseenter();},duration);

            duration = duration + 3000;

            setTimeout(function(){
                $(item).mouseleave();},duration);
        });
    }


    setInterval(loopProjects, index * 4000);

的解决方案！

    function loopProjects() {
        $('.port-hov').each(function(index,item) {
            index = index + 1;
            setTimeout(function(){
                $(item).mouseenter();},duration);

            duration = duration + 3000;

            setTimeout(function(){
                if (!$(item).is(":hover")){
                    $(item).mouseleave();}},duration);
        });
    }