下面例子实现鼠标放上去,显示弹框,鼠标移开,移除弹框,定时器控制200毫秒执行悬浮框加载数据
$(document).ready(function(){
//显示号码下发通道
var daodian;
$(".mbstyle").live("mouseenter",function(){
var that = $(this);
that.parent().attr("title","");
var id = $(this).attr("data");
var sendDate = $(this).attr("createDateStr");
var requestData= $T.utils.getRequestSid()+"&smsTaskContactForm.id="+id+"&smsTaskContactForm.sendDate="+sendDate;;
daodian = setTimeout(function(){
$ST.getChannelDetail(requestData,that)
},200);
});
$(".mbstyle").live("mouseleave",function(){
clearTimeout(daodian);
$(this).find('#channelDetail').remove();
});
});
另外还有一种js定时器:setInterval()
间歇调用
间歇调用与超时调用类似,只不过它会按照指定的时间间隔重复执行代码,直至间歇调用被取消或页面被卸载。设置间歇调用的方法是setInterval(),它接收的参数与setTimeout()相同。取消间歇调用的重要性远高于超时调用。
但是通常情况下,很少真正使用间歇调用,因为后一个间歇调用可能在前一个间歇调用结束之前调用。因此,我们通常会使用超时调用来模拟间歇调用
参考:https://www.cnblogs.com/lengyuehuahun/p/5650030.html