<!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=documentgetElementsByClassName("Box")[0];
var p=documentquerySelector("p");
var timer;
Boxonmouseover=function(){
var i=0;
timer=setInterval(function(){
i++;
var text=i+"秒后触发动作";
pinnerHTML=text;
if(i>=200){
//执行动作
}
},1000/60);
}
Boxonmouseout=function(){
clearInterval(timer);
pinnerHTML="0秒后触发动作";
}
</script>
</html>
我用的js，jqeruy也是这个思路 开一个定时器判断。
望采纳，谢谢。
可以参照：
setTimeout()
语法
var t=setTimeout("javascript语句",毫秒)
setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示：1000 毫秒等于一秒。
用这个来做定时控制
1、首先双击打开HBuilderX工具，新建一个HTML5页面，并引入jquery文件，如下图所示。
2、在<body></body>标签元素内，插入一个label和button，如下图所示。
3、保存代码并打开浏览器，预览页面效果结果出现报错。
4、检查代码发现，按钮点击事件，调用animate，这里的样式属性需要使用驼峰结构。
5、再次保存代码并在浏览器查看打印结果，结果发现animated不是函数。
6、返回到HBuilderX工具，修改代码animate，这样就完成了。
你想延迟动画发生么？可以用delay。如果用setTimeout，可以这样写：
leftclick(function(){if(useroffset()left-mapoffset()left>0){
setTimeout(function () {
useranimate({left:'+=-100px'},500);
}, 1000);//1000毫秒，自己定义延迟时间
}
})
以上就是关于需要用jQuery 实现 在一个元素上鼠标移入延迟200毫秒触发事件，但是200不到则取消触发。用JS也可以全部的内容，包括:需要用jQuery 实现 在一个元素上鼠标移入延迟200毫秒触发事件，但是200不到则取消触发。用JS也可以、jquery 暂停几秒、JQUERY的动画animate代码怎么控制它的速度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）