如何让鼠标移入元素两秒再去执行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")
            });
        });