如何顯示/通過懸停隱藏的項目，也被隨機延遲

Question

我有一個顯示/一個物品1隱藏鼠標懸停的ITEM2：

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

我想提出ITEM2也顯示，並通過隨機隱藏在item1上懸停/懸停的時間延遲。我怎樣才能做到這一點？

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

});​ 

DEMO

Answer 2

jQuery代碼：

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

在行動 - >jsFiddle - epeS4