2019-03-09/函数节流与防抖

1.函数节流代码

var cd =false
function kill(){
  console.log("释放技能")
}
var element = document.getElementById('1')
element.onclick=function(){
if(cd){
  //什么也不做
}else{
      kill()
      cd=true
      setTimeout(function(
      ){
        cd = false
      },5000)
  }
}

2.函数防抖

var timer =null
function takeOut(){
  console.log('送外卖啦')
}

var ele = document.getElementById('2')
ele.onclick=function(){
 if(timer){
   window.clearTimeout(timer)
 }
 timer=setTimeout(function(){
   takeOut()
   timer=null
 },5000)
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 最近和前端的小伙伴们,在讨论面试题的时候。谈到了函数防抖和函数节流的应用场景和原理。于是,想深入研究一下两者...
    youthcity阅读 23,663评论 5 78
  • 之前实习的时候,我遇到了这么一个需求,搜索框实时发送请求,在做这个功能时我忽略了一个很严重的问题,我把处理请求的函...
    wangmu_mu阅读 457评论 0 1
  • 函数的节流和防抖 在有些情况我们也许会碰到如下场景,监听一个input框的输入事件,但是大多数情况下,我们不是为了...
    CRUD_科科阅读 13,423评论 0 13
  • 概念 函数防抖(debounce) 当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执...
    yuanjiex阅读 646评论 0 1
  • 崇拜林徽因惊人的才华,但更惊叹她人生的完美,拥有了亲情,友情,获得了完美的婚姻。真的很喜欢林徽因对婚姻的态度,就算...
    向日葵的春天阅读 163评论 0 1