JS防止点击过快或频繁点击按钮

利用setTimeout定时器

 var isClick = true;
    $("button").click( function () { //按钮绑定
        if (isClick) {
            isClick = false;
            console.log("触发点击")
            setTimeout(function () {//定时器
                isClick = true;
            }, 5000);//5秒内不能重复点击
        } else {
             return  console.log('请勿频繁操作');
        }
}

防抖和节流参考 https://www.cnblogs.com/momo798/p/9177767.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • https://www.jianshu.com/p/c8b86b09daf0 目前提供了多种方法,喜欢的朋友可以点...
    Aniugel阅读 8,781评论 0 1
  • 0、底层 Event Loop事件循环:就是一个执行消息队列的机制 宏任务 微任务为了解决这种情况,将任务分为了同...
    月光一族阅读 7,938评论 7 42
  • 1、浅拷贝和深拷贝的区别 浅拷贝是拷贝一层,深层次的对象级别的就拷贝引用 深拷贝是拷贝多层,每一层级的数据都会拷贝...
    我王某不需要昵称阅读 3,240评论 0 0
  • 6、js的数据类型 简单数据类型:Number、String、Boolean、 undefined、object、...
    一只老鳄鱼阅读 1,225评论 0 0
  • 1. JS创建变量的5种方式?varletconstfunctionexport/import 2. var,le...
    Angel_6c4e阅读 4,334评论 0 13

友情链接更多精彩内容