博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于js中存在多个定时器的处理问题
阅读量:6697 次
发布时间:2019-06-25

本文共 735 字,大约阅读时间需要 2 分钟。

在项目中遇到过这样的情况:一个列表中需要对每一列数据做处理,而且当中用到了定时器,这就涉及到多个定时器的问题,之前遇到的是一个定时器的问题,所以问题还是比较好解决的,当要处理多个定时器,一起来看看下面的代码(这里以一个下拉列表的列子为案列)

var clearTime={};//预先定义了一个对象

var myNavbar=$("#myNavbar"),navItem=myNavbar.find(".nav-item");

navItem.hover(function(){
      var self=$(this);
      var _timer = $(this).attr('data-timer');//这个属性在这一列是唯一的
      clearTimeout(clearTime[_timer]);//每次进去先清除定时器,以防重复滑过的bug,这样弄可以避免污染其他定时器的影响
      clearTime[_timer]=setTimeout(function(){
//保存到对象里面的一个属性
             self.find(".wrap-child").slideDown(300);
      },150)
},function(){
      var self=$(this);
      var _timer = $(this).attr('data-timer');
           clearTimeout(clearTime[_timer])
           clearTime[_timer]=setTimeout(function(){
               self.find(".wrap-child").slideUp(300);
   },150)
})

转载于:https://www.cnblogs.com/yanzai/p/6761046.html

你可能感兴趣的文章
开放医疗交通大数据技术 服务于公共便民领域
查看>>
黑客攻防:关于工业网络安全的那些事
查看>>
诺基亚收购了阿朗:那与 TCL 的“阿尔卡特”品牌授权协议到期后咱办?
查看>>
农业部部署农业大数据发展工作 评:对农业现代化很重要
查看>>
开源中国 2014 年源创会年度计划
查看>>
Postico —— OS X 上的免费 PostgreSQL 客户端
查看>>
《电路分析导论(原书第12版)》一1.2.2 真空电子时代
查看>>
《CCNP TSHOOT 300-135认证考试指南》——2.9节凭记忆完成表格和列表
查看>>
《容器技术系列》一1.4 Docker运行案例分析
查看>>
《MATLAB图像处理超级学习手册》导读
查看>>
FSF 称 DRM 被用于锁定、控制和监视用户
查看>>
微软老兵 Antoine LeBlond 将正式离职
查看>>
《开源思索集》一Source Code + X
查看>>
《树莓派学习指南(基于Linux)》——1.4 将Raspbian烧录到SD卡
查看>>
《脱颖而出——成功网店经营之道》一2.6 连横:返利模式的应用及分销
查看>>
如约而至 Nexus 6 的 Android 7.1.1 已经上线
查看>>
阿里巴巴Dubbo实现的源码分析
查看>>
《Effective Debugging:软件和系统调试的66个有效方法》一第5条:在能够正常运作的系统与发生故障的系统之间寻找差别...
查看>>
《塑造互联网思维的企业》一一第4章 全球商务向社会化媒体的转变
查看>>
《简明电路分析》——导读
查看>>