Jquery 如何通过悬停和随机延迟显示/隐藏项目

我有一个item1，它通过鼠标悬停显示/隐藏item2：

$(function() {
    $("#item1").hover(function() {
        $("#item2").show();
    }, function() {
        $("#item2").hide();
    });
});

---

我想让第2项也通过随机时间延迟并行显示和隐藏，并在第1项上悬停进入/悬停离开。我该怎么做呢？

根据您的需要递增并乘以随机数：

$(function() {

    var blocked = false;

    function divToggle() {
        if (!blocked) {
            $("#item2").toggle();
        }
        setTimeout(divToggle, Math.random() * 2000);
    };

    divToggle();

    $("#item1").hover(function() {
        blocked = true;
        $("#item2").show();
    }, function() {
        blocked = false;
        $("#item2").hide();
    });

});​

---

根据您的需要递增并乘以随机数：

$(function() {

    var blocked = false;

    function divToggle() {
        if (!blocked) {
            $("#item2").toggle();
        }
        setTimeout(divToggle, Math.random() * 2000);
    };

    divToggle();

    $("#item1").hover(function() {
        blocked = true;
        $("#item2").show();
    }, function() {
        blocked = false;
        $("#item2").hide();
    });

});​

jQuery代码：

$(document).ready(function() {
    setInterval( function() {
        $("#item2").toggle('slow');
    }, 2000);
    $(function() {
        $("#item1").hover(function() {
            $("#item2").show();
        }, function() {
            $("#item2").hide();
        });
    });
});

在action->-

中，jQuery代码：

$(document).ready(function() {
    setInterval( function() {
        $("#item2").toggle('slow');
    }, 2000);
    $(function() {
        $("#item1").hover(function() {
            $("#item2").show();
        }, function() {
            $("#item2").hide();
        });
    });
});

---

在操作->-

中，您希望如何悬停隐藏的内容？如果

显示
为
无
，则无法悬停！您需要详细说明您的问题。谢谢，我已经重写了。您想如何悬停隐藏的内容？如果
display
为
none
，则您不能悬停！你需要详细说明你的问题，对吧，谢谢，我已经重写了。不确定OP想要什么，但我希望切换循环在悬停时停止。他希望切换
并行进行。是的，必须等待行动。是的，停下来悬停是个好主意。我还没有意识到这一点，但迈克尔的期望是正确的。谢谢你提出的好问题，它们帮助我澄清了我的请求。我不确定OP想要什么，但我希望切换循环在悬停时停止。他希望切换
并行进行。是的，必须等待行动。是的，停下来悬停是个好主意。我还没有意识到这一点，但迈克尔的期望是正确的。谢谢你提出的好问题，它们帮助我澄清了我的要求。