javascript - 悬停几秒后启动功能

Question

我想在 div 悬停 1500 毫秒后fadeIn()。我需要如何检查用户悬停时间是否为 1500 毫秒

<div id=bla>Hover this</div>

var bla = $('#bla');

bla.hover(function(){       
        bla.hide().html("HEHE").fadeIn("slow");
});

Answer 1

可以使用setTimeout，如果用户像这样离开bla，只需清除setTimeout:

var timeout,
bla = $('#bla');

bla.hover(
  function () {
    timeout = setTimeout( function() {       
      bla.hide().html("HEHE").fadeIn("slow")
    }, 1500);
  }, 
  function () {
    clearTimeout(timeout);
  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="bla">Text</div>