当前位置: 首页 > news >正文

js 中 throttle 的实现

在用户对按钮频繁的点击时,为了避免按钮事件频繁响应,一般采用的方法是:如果两次操作的时间间隔大于阈值,则响应,反之,则不响应


以下是thottle 的一种实现方式

function throttle(fn,ms){
    ms = ms || 200;var th_timer;function f(){f.stop();th_timer = setTimeout(fn,ms);}f.stop = function(){if(th_timer){clearTimeout(th_timer);th_timer = 0;}}return f;}

上例参考arala开源项目

同时可以参考github的一个开源项目:

https://raw.github.com/cowboy/jquery-throttle-debounce/v1.1/jquery.ba-throttle-debounce.js


http://www.taodudu.cc/news/show-6309769.html

相关文章:

  • JavaScript 节流函数 throttle 详解
  • 节流(Throttle)与防抖(Debounce)区别与demo实现+ 图解
  • 网络分层,图,易懂--对应 应用层、数据传输层、网络层、数据链路层
  • 【图论基础】分层图
  • 数据分层(方法论)
  • 分层图[模板]
  • 食物链(分层图?)
  • 分层图总结(例题)
  • 拆点/分层图的使用
  • 分层架构简图
  • 数据分层简述
  • 简谈分层图
  • 数据流图-2(分层数据流图)
  • 流程图分级、分类、分层
  • 什么是分层架构
  • 链路聚合的原理以及配置
  • 链路聚合—3种模式
  • 链路聚合及配置
  • 交换机之间的链路聚合
  • 链路聚合与链路捆绑
  • 链路聚合和LACP
  • 链路聚合(二层链路聚合划分)
  • 链路聚合—3种模式 详细
  • 【技术分享】链路聚合
  • 链路聚合详解
  • 链路聚合的作用与实例
  • 链路聚合原理及配置过程
  • 链路聚合(eth-trunk)
  • 链路聚合的定义、链路聚合的概念和基本术语、链路聚合的特点
  • 基于vue编写的2048小游戏