博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
节流,防抖函数实现
阅读量:5077 次
发布时间:2019-06-12

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

防抖函数

function debounce(func, time) {    let timer = null;    return function () {      let context = this      // console.log('context :', this);      clearTimeout(timer)      timer = setTimeout(function () {        console.log('this :', this);        func.call(this)      }, time)    }  }复制代码

节流函数

function throttle(method, time) {    var timer = null;    var startTime = 0;    return function () {      var endTime = new Date();      var resTime = endTime - startTime;      //判断大于等于我们给的时间采取执行函数;      if (resTime >= time) {        method.call(this);        //执行完函数之后重置初始时间,等于最后一次触发的时间        startTime = endTime;      }    }  }复制代码

测试:

window.onscroll = debounce(() => {    console.log(1);  }, 500)  function fn() {    _throttle()  }  let _throttle = throttle(function () {    console.log(2);  }, 1000)  window.onmousemove = fn复制代码

转载于:https://juejin.im/post/5d47bb2ae51d45620c1c5358

你可能感兴趣的文章
svnserve配置文件详析
查看>>
Linux下查看软件的安装路径
查看>>
js总结:三级联动
查看>>
让一个元素相对于父元素固定定位
查看>>
ACM警示
查看>>
自动化构建工具 grunt & gulp
查看>>
PHP和Javascript里诡异的0和空
查看>>
50深入理解C指针之---指针与别名
查看>>
spark总结
查看>>
v3 Creating Custom Field Types收藏
查看>>
Opengles2.0入门
查看>>
linux下对qt编写的程序进行部署
查看>>
Asp.Net MVC学习总结(一)——Asp.Net MVC简单入门
查看>>
图像的上采样 下采样
查看>>
iPhone手机相关知识
查看>>
bzoj 2049: [Sdoi2008]Cave 洞穴勘测
查看>>
tp3.2 页面Windows正常 linux异常,页面找不到
查看>>
angularJS(2)
查看>>
centos安装——usb安装技术问题整理
查看>>
C#二维码与条形码的生成
查看>>