关于js中存在多个定时器的处理问题

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

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