节流阀，避免短时间内多次点击多次触发

最新推荐文章于 2022-03-16 16:55:46 发布

陈梵阿

最新推荐文章于 2022-03-16 16:55:46 发布

阅读量232

点赞数 1

分类专栏： # js 文章标签： js

本文链接：https://blog.csdn.net/qq_39236402/article/details/113663889

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

节流阀顾名思义，就像是水龙头的阀门，控制着开关，避免水流不停的流出。实现比较简单，直接上代码。不懂留言。

<body>
    <button onclick="test()">没有节流阀</button>
    <button onclick="test1()">有节流阀</button>
</body>
<script>
    var test = () => {
        console.log('没节流阀:1' + new Date())
    }
    var flag = true;//节流阀开关
    var test1 = () => {
        if (flag === true) {//为true的时候执行
            flag = false;//然后马上把flag设置成false
            console.log('有节流阀:1' + new Date());
            setTimeout(() => {//设置定时器，1秒之后flag变成true，即1秒后点击才能执行
                flag = true;
            }, 1000)
        }
    }
</script>

没有节流阀的效果：手速一秒可以点6 7下的样子。
在这里插入图片描述
有节流阀的效果：点再快1秒也只能触发一次

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陈梵阿

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
节流阀，避免短时间内多次点击多次触发

节流阀顾名思义，就像是水龙头的阀门，控制着开关，避免水流不停的流出。实现比较简单，直接上代码。不懂留言。<body> <button onclick="test()">没有节流阀</button> <button onclick="test1()">有节流阀</button></body><script> var test = () => { console.log('没节
复制链接

扫一扫