js setTimeout实现延迟关闭弹出层

#flyout
{
border: solid 2px Gray;
background-color: #FFF999;
width: 300px;
height: 100px;
display: none;
}


var flyoutTimer;
function mouseOutEvent() {
//Hide flyout after 1 second when the mouse move out of the flyout zone
flyoutTimer = setTimeout(hideFlyout, 1000);
}
function mouseOverEvent() {
//Clear the timer when the mouse move over the flyout
clearTimeout(flyoutTimer);
}
function hideFlyout() {
document.getElementById("flyout").style.display = "none";
}
function showFlyout() {
document.getElementById("flyout").style.display = "block";
mouseOutEvent();
}





Click me to show flyout

This is a flyout





[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]