您的位置：首页 > 其它

鼠标悬停(鼠标悬停一段时间后触发事件)一段时间后触发事件

2014-08-01 14:31 288 查看 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var mytimer = null;

function beginEvent(){
//window.setTimeout("alert('Hello, world')", 1000);
mytimer = window.setTimeout("myfunc('123','456')", 3000);
}

function cancelEvent() {
clearTimeout(mytimer);
mytimer = -1;
}

function myfunc(t1,t2) {
alert(t1+" ,"+t2);
if (mytimer == -1) return;
var d = document.getElementById("div1");
d.innerText = new Date();
clearTimeout(mytimer);
mytimer = null;
}
</script>
</head>
<body>
<br/>
<br/>
<div id="div1" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; border: 1px solid black;" onmouseover="beginEvent()" onmouseout="cancelEvent()"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航