利用js定时器实现提示框

在前端页面中经常要实现提示框功能，例如将鼠标放在qq头像上会出现提示框

如图：

当鼠标移开头像时提示框不会立马消失，当鼠标放到提示框上面提示框也不会消失。

使用js实现：

1.在body里面放两个div分别代表头像和提示框

<div id="ll">
    <div id="div1">头像</div>
    <div id="div2">提示框</div>
</div>

因为提示框是隐藏的所以要给提示框设置css display：none。

2.实现鼠标移动到头像时显示提示框：

 var odiv1=document.getElementById('ll');
  var odiv2=odiv1.getElementsByTagName('div');//获取头像和提示框
  var timer=null;//定时器
odiv2[0].οnmοuseοver=function () {
    odiv2[1].style.display='bloc