延时提示框

思路思考：

1、鼠标移入移出效果

2、定时器延时消失效果

解决过程：

html的内容：

<div id="div1"></div>
<div id="div2"></div>

js部分如下：

var oDiv1 =document.getElementById('div1');
            var oDiv2 =document.getElementById('div2');
            var timer;
            oDiv1.οnmοuseοver=oDiv2.οnmοuseοver=function(){
                clearTimeout(timer)
                oDiv2.style.display = "block"
            }
            oDiv1.οnmοuseοut=oDiv2.οnmοuseοut=function(){
                timer=setTimeout(function(){
                    oDiv2.style.display= "none"
                },500)
            }

在解决问题过程中，发现代码有相似的地方，要进行代码合并，缩减代码，后得出来此结果。

效果如qq头像的延时提示。