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);