微信小程序通过函数节流的方式防止多次点击

通过函数节流方式防止多次点击,就是一段时间内只执行一次函数


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
        }
    }
}
<button bindtap='tap'>点击跳转</button>
const util = require('../../utils/util.js')
 
Page({
    data: {
        text: 'tomfriwel'
    },
    onLoad: function (options) {
 
    },
    tap: util.throttle(function (e) {
        console.log(this)
        console.log(e)
        console.log((new Date()).getSeconds())
    }, 1000)
})

猜你喜欢

转载自blog.csdn.net/qq_35376043/article/details/106792923