js 延时提示框
Posted 跳刀玛利亚
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 延时提示框相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>无标题</title>
<style>
div{ float:left;margin:10px;}
#div1{width:50px;height:50px;background:red;}
#div2{width:250px;height:180px;background:#ccc;display:none;}
</style>
<script>
window.onload=function(){
var odiv1 = document.getElementById(‘div1‘);
var odiv2 = document.getElementById(‘div2‘);
var timer1 = null;
var timer2 = null;
odiv1.onmouseover=function(){
clearTimeout(timer2);
odiv2.style.display = ‘block‘;
};
odiv1.onmouseout=function(){
timer1 = setTimeout(function(){
odiv2.style.display=‘none‘;
},500);
};
odiv2.onmouseover=function(){
clearTimeout(timer1);
};
odiv2.onmouseout=function(){
timer2=setTimeout(function(){
odiv2.style.display = ‘none‘;
},500);
};
};
</script>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
以上是关于js 延时提示框的主要内容，如果未能解决你的问题，请参考以下文章