javascript 控制 div显示和隐藏时的时间控制问题

Question

我做了一个
<a>点击显示和隐藏div</a>
<div>显示的内容</div>
现在有个问题,我鼠标离开<a>后,div立马就隐藏了,我想加个代码,当鼠标离开后1秒后,div才隐藏,有什么办法吗

Answer 1

用 setTimeout// 假设这是你的隐藏div函数
function hideDiv() {
}// 1秒后执行hideDiv
setTimeout(hideDiv, 1000);

Answer 2

帮我写个例子吧
  function guanb(b_id){
  var objig;
  objig =document.getElementById(b_id);
  objig.style.display = 'none';
  
  }
<a  onMouseOut="guanb('<%=rss("b_id")%>')">显示隐藏</a>
把setTimeout放哪呀

Answer 3

改一下你的guanb就可以了：function guanb(b_id){
  var objig = document.getElementById(b_id);
  setTimeout(function(){
    objig.style.display = 'none';
  }, 1000);
}