JavaScript

超轻量级php框架startmvc

JS实现禁止高频率连续点击的方法【基于ES6语法】

更新时间:2020-05-09 00:36:01 作者:startmvc
本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考,具体如下:1、

本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考,具体如下:

1、类似react的数据流,点击之后立即设置值为空,当返回值后才可以点击

2、设置定时器,每次进入之前先清空掉定时器,然后开启定时器


<main>
 <div id="me" style="width: 100px;height: 50px; margin: 5rem auto;background: blue;color: #fff">点我</div>
</main>
<script>
 let c =null;
 let dom = document.querySelector('#me');
 dom.addEventListener('click',function(){
 clearTimeout(c);
 c = setTimeout(function(){
 console.log(2000)
 },1000)
 },false)
</script>
JS 禁止 高频率 连续点击 ES6语法