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

2020-07-18  本文已影响0人  潇潇芭蕉
//一般可以封装在公共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('调用成功')
        }, 5000)()//可根据需要更改时间间隔
    },
上一篇下一篇

猜你喜欢

热点阅读