第一次发帖见谅..
我想做一个效果鼠标在div上停留两秒后执行一些函数,不超过两秒不执行;
然后网上找了setTimeout这个函数成功解决了,因为一直是自学的所以基础薄弱,有些不懂的地方求解
一共三个问题在代码中注释了,万分感谢!
代码:
<script src="jquery.min.js"></script>
<script>
var timer = null; // 1.此处为什么要在这里声明timmer=null?
$(function(){
$("#test").hover(
function(){
$(this).html("悬停");
timer=setTimeout(function(){alert("hello")},2000); // 2.为什么不能直接去掉第
//一行的声明 ,在此处var timer=setTimeout(...)...
},
function(){
if(timer) // 3.这里的if语句有什么作用?我试着去掉后函数也能完整运行呀
clearTimeout(timer);
$(this).html("测试");
});
});
</script>
</head>
<body>
<div id="test">
测试
</div>
</body>
繁星点点滴滴
相关分类