节流 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <input type="text" >
   <script>
    /*  var input=document.querySelector("input");
       input.addEventListener("input",inputHandler);
       function inputHandler(e){
           console.log(input.value);
       }
       //setTimeout判断多少多长时间以后执行这个函数
       var ids=setTimeout(fn,5000);//5秒后执行fn函数，仅执行一次，不会执行下一次
       function fn(){
           console.log("aaaa");
           clearTimeout(ids);//清除这个设置
       }
       */ 
       var bool=true;
       var input=document.querySelector("input");
       input.addEventListener("input",inputHandler);
       function inputHandler(){
            if(bool=false) return;
            var ids=setTimeout(function(){       
            console.log(input.value);
            clearTimeout(ids);
            },500)
            bool=true;
       }
       
   </script>
</body>
</html>

 

posted @ 2020-05-08 23:13  我是乐呀  阅读(152)  评论(0)    收藏  举报