jquery - ホバーとランダム遅延でアイテムを表示/非表示にする方法

Question

マウスホバーでitem2を表示/非表示にするitem1があります：

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

item1のホバーイン/ホバーアウトと並行して、ランダムな時間遅延によってitem2も表示および非表示にしたいと思います。どうやってやるの？

Answer 1

jQuery コード:

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

アクション中 - > jsFiddle - epeS4

Answer 2

必要に応じて乱数を増やして乗算します。

$(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();
    });

});​

デモ