(節流)js防止重復頻繁點擊或者點擊過快方法


1.方法一:用定時器定時,沒跑完定時器,點擊按鈕無效
<script>
    var isClick = true;
    $("button").on("click",function(){
        if(isClick) {
            isClick = false;
            //事件
            console.log('我被點擊了');
            //定時器
            setTimeout(function() {
                isClick = true;
            }, 1000);//一秒內不能重復點擊
        }else{
             console.log('請勿過快點擊');
      }
    });
</script>

  

2.方法二:用兩次時間差決定點擊是否有效——參考地址如下:

https://www.cnblogs.com/clear93/p/8086374.html

var lastClick;   
lockClick(){
    var nowClick = new Date();
    if (lastClick === undefined) {
        lastClick = nowClick;
        return true;
    } else {
        if (Math.round((nowClick.getTime() - lastClick.getTime())) > 500) {
            lastClick = nowClick;
            return true;
        }
        else {
            lastClick = nowClick;
            return false
        }
    }
}
 
    this.on('click',()=>{
        if (this.lockClick()) {
            //你的函數代碼
        }
    })

  

三.方法三:比如每次點擊的時候給按鈕一個500毫秒的遮罩閃現來遮蓋按鈕

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM