如何让鼠标移入元素两秒再去执行addclass

Question

如何让鼠标移入元素两秒再去执行addclass
或者执行addclass事件之后两秒内不再执行addclass

<ul class="flul">
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
<li class="flli"></li>
</ul>var cflul = $(".flul");var cflli = $(".flli");
cflli.eq(index).addClass("flli_curr");
    cfrli.eq(index).show();
    cflli.hover(function(){
        index = $(this).index();
        $(this).addClass("flli_curr").siblings().removeClass("flli_curr");
        cfrli.eq(index).show().siblings().hide();
    });

Answer 1

$(document).ready(function () {            var handle = null;             $('#div1').mouseover(function () {                 handle = setTimeout(function () {                     alert("1")                 }, 1000);             }).mouseout(function () {                 clearTimeout(handle);                 alert("2")             });         });