(节流)js防止重复频繁点击或者点击过快方法

https://www.jianshu.com/p/c8b86b09daf0

目前提供了多种方法,喜欢的朋友可以点赞,还有更好的方法可以留言分享。

1.方法一:用定时器定时,没跑完定时器,点击按钮无效

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毫秒的遮罩闪现来遮盖按钮

你可能感兴趣的:((节流)js防止重复频繁点击或者点击过快方法)