防止点击事件频繁触发 节流–小程序

防止点击事件频繁触发 节流–小程序

//一般可以封装在公共js文件中（util.js）
function throttle(me, key, fn, delay = 1000) {//节流方法 防止频繁点击
  let pre = me.data[key]
  return function () {
    let now = + new Date();
    if (now - pre >= delay) {
      fn.apply(me, arguments)
      pre = now
      me.setData({
        [key]: now
      })
    }
  }
}
//导出
module.exports = {
  throttle
}

//在需要用到的页面调用
var util = require('../../utils/util.js')//路径根据自己的文件路径来
   data: {
        pre:0,
    },
 getthrottle: function (e) {
        let that = this
        util.throttle(that, 'pre', function(){
　　          console.log('调用成功')
        }, 2000)()//自主设置时间
    },