码迷,mamicode.com
首页 > 其他好文 > 详细

函数防抖

时间:2018-04-19 18:48:14      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:AC   console   实现   提示   clear   基本原理   script   利用   nbsp   

应用场景

  • 在表单注册中,我们往往需要注册input事件实时监听客户输入的值数据库中是否存在,存在就友好的提示客户。但是不可能每次客户输入就触发,那么出现了下面的应用

基本原理

  • 利用闭包环境,外部调用的是函数内容的方法,但是timer变量一直都是存在的,控制着最后的回调函数执行时间,每次执行的函数的时间内超过500毫秒就不执行

具体实现

<script>
    let btn=document.getElementsByTagName(‘button‘)[0]
    btn.onclick=debounce(function(){console.log(1) },500);
    function debounce(callback,time){
        let timer;
        return function(){
            window.clearTimeout(timer);
            timer=window.setTimeout(function(){
                callback()
            },time);
        }
    }
</script>

 

函数防抖

标签:AC   console   实现   提示   clear   基本原理   script   利用   nbsp   

原文地址:https://www.cnblogs.com/wuqiuxue/p/8885112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!