小程序 节流函数 (防止按钮重复点击)

Posted 风一样的猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 节流函数 (防止按钮重复点击)相关的知识,希望对你有一定的参考价值。

function throttle(fn, gapTime) {
    if (gapTime == null || gapTime == undefined) {
        gapTime = 1500
    }
 
    let _lastTime = null
    // 返回新的函数
    return function () {
        let _nowTime = + new Date()
        if (_nowTime - _lastTime > gapTime || !_lastTime) {
            fn.apply(this, arguments)   //将this和参数传给原函数
            _lastTime = _nowTime
        }
    }
}

module.exports = {
    throttle: throttle
}
    but_: util.throttle(function(e) {
        let that = this
        var data;
        //执行函数内容
    }, 1000),        

以上是关于小程序 节流函数 (防止按钮重复点击)的主要内容,如果未能解决你的问题,请参考以下文章

Swift 防止按钮重复点击

Js中防抖和节流的区别,论如何避免重复点击

js节流函数和js防止重复提交的N种方法

uniapp 防止重复点击

微信小程序全局封装防抖节流函数

微信小程序之使用函数防抖与函数节流