怎么用js实现延时弹出窗口

Question

比如有一个列表，当鼠标移动到这个列表项上3秒钟后弹出一个窗口；如果不到3秒就又移走了鼠标则取消即将弹出窗口的动作。如何实现？或者帮我修改下下面这段代码，现在是鼠标滑动过后不管移开不移开都会弹出窗口，是什么原因$(document).ready(function(){
         $(".ul1 li").mouseover(function(){
            t = setTimeout("alert('hello~ boy')", 3000 );
            nowStr=$(this).html();
         })
         $(".ul1 li").mouseout(function(){
           clearTimeout(t);
           nowStr="";
         })
})页面:
<ul class="ul1">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

Answer 1

$(document).ready(function(){
  var t;
  $(".ul1 li").mouseover(function(){
  //t = setTimeout("alert('hello~ boy')", 3000 );
  //setTimeout第一个参数是放函数
  t = setTimeout(function(){alert('hello~ boy')}, 3000 );
  nowStr=$(this).html();
  })
  $(".ul1 li").mouseout(function(){
  clearTimeout(t);
  nowStr="";
  })
})页面:
<ul class="ul1">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>