zoukankan      html  css  js  c++  java
  • 关于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)
    })

  • 相关阅读:
    LVS负载均衡NAT模式实现
    Linux-ftp服务搭建
    Keepalived配置详解
    Keepalived高可用概念篇
    Nginx-http_proxy_module模块
    Nginx-keepalived+Nginx实现高可用集群
    Oracle注入之带外通信
    Oracle基于延时的盲注总结
    Oracle基于布尔的盲注总结
    Oracle报错注入总结
  • 原文地址:https://www.cnblogs.com/yanzai/p/6761046.html
Copyright © 2011-2022 走看看