javascript - jQuery 悬停随机元素

Question

我需要设置一个函数，每 5 秒在类中的随机元素上悬停和“取消悬停”。到目前为止，我有以下onhover工作：

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var timer = window.setInterval(function () {$('.graphic-container img').random().mouseover();}, 5000);

类中有 56 个固定元素，因此“* 56”

对于我的生活，我无法弄清楚如何让mouseout事件在那个随机元素上起作用？这必须在下一个随机元素悬停之前发生。

任何帮助将非常感激！

Answer 1

尝试

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var prev;
var timer = window.setInterval(function () {
    if(prev){
        prev.mouseleave();
    }
    prev = $('.graphic-container img').random().mouseenter();
}, 5000);

演示：小提琴

Answer 2

用这个

var timer = window.setInterval(function () {
   $('.graphic-container img').random().mouseover().delay(800).mouseout();
}, 5000);