关于延时执行方法的问题？？

tianxueshan 发布于 2010-06-12 18:31， 571 次点击

js:
function showpic()
  {
  document.getElementById("456").style.visibility = "visible";


  }

  function hidepic() { //onmouseout时执行

  document.getElementById("456").style.visibility = "hidden";
  }

  function ysshow() { //onmouseover时执行
  setTimeout("showbigpic()", 1000);
  }
现在的问题是，假如我把鼠标放在图片上不到一秒，然后离开，图片还会显示，但hidepic()不再执行，图片就一直显示着，有什么解决的办法吗？？

1 回复

frankqnj2010-06-13 20:59

var timer;

function showpic()
  {
  document.getElementById("456").style.visibility = "visible";


  }

  function hidepic() { //onmouseout时执行
    clearTimeout(timer);
  document.getElementById("456").style.visibility = "hidden";
  }

  function ysshow() { //onmouseover时执行
  timer=setTimeout("showbigpic()", 1000);
  }