1:wxml:设置一个按钮


<button type="primary" bindtap="Clik">点我</button>


微信小程序防抖_xml



 2:utils 文件 utils .js 书写以下代码:


function debounce(fn, interval) {
var timer;
var gapTime = interval || 1000;//间隔时间,如果interval不传,则默认1000ms
return function() {
clearTimeout(timer);
var context = this;
var args = arguments;//保存此处的arguments,因为setTimeout是全局的,arguments不是防抖函数需要的。
timer = setTimeout(function() {
fn.call(context,args);
}, gapTime);
};
}
// 模块导出
module.exports = {
formatTime,
debounce
}


3:wxjs 文件引入




// 文件引入
import tool from "../../utils/util.js"



// 触发点击事件
Clik:tool.debounce(function(evt) {
console.log(evt)
}),


4:效果图:

微信小程序防抖_html_02