js延迟设备提示框应用实例代码分析

废话没多说，直接给大家粘上代码，具体代码如下所示：






延迟显示提示框

{ # DIV1
浮点数：左；
宽度：60px；
身高：60px；
背景颜色：水；
}
{ #格式
职位：相对；
浮点数：左；
保证金：0 10px；
宽度：200px；
身高：200px；
背景颜色：# cccccc；
显示：无；
}


在window.onload =函数（）{
无功odiv1 = document.getelementbyid（'div1）；
无功odiv2 = document.getelementbyid（'div2）；
var定时器= null；
（=功能）{ / / odiv1.onmouseover
/ /清除定时器（定时器）；
/ / / / odiv2.style.display DIV2 =阻止；鼠标DIV1
}；

（=功能）{ / / odiv1.onmouseout
/ / timer = setTimeout (function () {
/ / odiv2.style.display =没有人'； / /隐藏格式去除DIV1当鼠标
} / / / / 500）；订单格式，格式为联赛，联赛出来应该有延时设置
}；

（=功能）{ / / odiv2.onmouseover
/ /清除定时器（定时器）； / /删除延迟设置，当鼠标移动到格式的格式，应显示
}；

（=功能）{ / / odiv2.onmouseout
/ /定时器= setTimeout（函数（）{
/ / odiv2.style.display =没有人'； / /当鼠标移出格式，格式应该隐藏
} / / / / 500）；当DIV2和将鼠标移出DIV1，闪光的格式进行显示、设定延迟，消除闪烁的效果；
但设置 / / / /延时器、鼠标DIV1，格式是隐藏的，原因是setTimeout，
/ / / /应该明确的时间延迟是在odiv1.onmouseover事件添加代码，明显延迟
}；
由于四个代码事件在22个对应相同或相似，可以简化如下：
odiv1.onmouseover = odiv2.onmouseover =函数（）{（）
ClearTimeout（定时器）；
odiv2.style.display =阻止；
格式 / *鼠标DIV1，虽然odiv2.onmouseover事件不写在odiv2.style.display =阻止；
但odiv2是actually'block '，写一行代码，没有实质性的影响。
}；
ODiv1.onmouseout = oDiv2.onmouseout = function () {()
定时器= setTimeout（）{（）函数（
ODiv2.style.display ='none'; / / hide the div2 mouse when removing the div1
}，500）； / /订单格式，格式为联赛，联赛出来应该有延时设置
}；
与前面的代码效果相同的简化代码执行结果是完全相同的。
}



延迟提示框






延时箱需要注意的是在写笔记的时候记下记录，一个一个的控制说明，在看到这个功能后，视频教程的实现比较顺利，原因是在编写代码之前，根据所需的功能列表列出了一个列表，然后按比例调整的问题，直接写代码强很多。