需要用jQuery 实现 在一个元素上鼠标移入延迟200毫秒触发事件，但是200不到则取消触发。用JS也可以 200
2个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jquery</title>
<style>
.Box{
width:200px;
height: 200px;
background:#000;
margin:20px auto 20px;
color:#fff;
}
</style>
</head>
<body>
<div class="Box">
将鼠标移入到这里!;<br />
<p>0秒后触发动作</p>
</div>
</body>
<script>
var Box=document.getElementsByClassName("Box")[0];
var p=document.querySelector("p");
var timer;
Box.onmouseover=function(){
var i=0;
timer=setInterval(function(){
i++;
var text=i+"秒后触发动作";
p.innerHTML=text;
if(i>=200){
//执行动作
}
},1000/60);
}
Box.onmouseout=function(){
clearInterval(timer);
p.innerHTML="0秒后触发动作";
}
</script>
</html>
我用的js，jqeruy也是这个思路 开一个定时器判断。
望采纳，谢谢。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var flag = 0 ;
$(".jiaqun_01").mouseover(function(){
flag = 1;
}).mouseout(function(){
flag = 0;
});
setTimeout(function(){
d(flag)
},2000)
});
function d(flag){
if(flag){
console.log("这是移入")
}else{
console.log("这是移出")
}
}
这个理解起来比较简单 用定时器判断flag的值 如果等于1 则是触发成功 0就是移出时间
因为隐式转化 这里 flag = 1 相当于 flag = true if(flag) 相当于 if(flag == 1)
我这里设置成2秒 为了方便测试 自己可以设置成200
$(".jiaqun_01").mouseover(function(){
flag = 1;
}).mouseout(function(){
flag = 0;
});
setTimeout(function(){
d(flag)
},2000)
});
function d(flag){
if(flag){
console.log("这是移入")
}else{
console.log("这是移出")
}
}
这个理解起来比较简单 用定时器判断flag的值 如果等于1 则是触发成功 0就是移出时间
因为隐式转化 这里 flag = 1 相当于 flag = true if(flag) 相当于 if(flag == 1)
我这里设置成2秒 为了方便测试 自己可以设置成200
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
