定时器
2015-07-03 17:22
381 查看
先定义两变量 移上去的定时器 和 移开的定时器
var overTimer, outTime;
$('.box').hover(function(){
overTimer?clearTimeout(overTimer):'';
outTime?clearTimeout(outTime):'';
overTimer = setTimeout('show()',1000);
},function(){
overTimer?clearTimeout(overTimer):'';
outTime?clearTimeout(outTime):'';
outTime = setTimeout('hide()',1000);
});
function show(){
$('.box').html('事件触发');
}
function hide(){
$('.box').html('悬停');
}
var overTimer, outTime;
$('.box').hover(function(){
overTimer?clearTimeout(overTimer):'';
outTime?clearTimeout(outTime):'';
overTimer = setTimeout('show()',1000);
},function(){
overTimer?clearTimeout(overTimer):'';
outTime?clearTimeout(outTime):'';
outTime = setTimeout('hide()',1000);
});
function show(){
$('.box').html('事件触发');
}
function hide(){
$('.box').html('悬停');
}
<div class="box" style="width: 200px; height: 200px; border: 1px solid #aaa;">悬停</div>
相关文章推荐
- .net网站转到出错页是如何实现的
- 《图形学》实验三:DDA算法画直线
- AngularJs自定义指令详解(4) - transclude
- Algorithms—189.Rotate Array
- sdfasdfasdfasdfas
- jquery全选/取消全选(反选)/单选操作
- web扫描工具-Jsky使用
- [网站] ping 工具
- LinearLayout测量过程疑问
- 使用HTML打开本地应用
- 下拉刷新
- mybaits使用存储过程
- JavaScript事件
- UITextField的文本框部分文本以*的方式来显示
- GRE写作必备句型
- struct和union
- JS设计模式一:单例模式
- Android CheckBox中设置padding无效问题解决方法
- Dynamics AX 2012 - Report labels does not show up in report
- Winform开发之SqlCommand常用属性和方法