Question

JS限制点击事件的频率怎么实现

Answer 1

比如：五秒只能点击一次？

思路：设置一个标记。

var flag = true;
div.addEventListener('click',function(){
    if(flag){
        alert('点击事件执行');
        flag = false;
        setTimeout('flag = true',5000);
    }else{
        console.log('点击事件不执行');
    }
})

点击事件执行条件，flag为真。执行之前判断是否为真，执行之后，flag赋值为false，再紧跟一个定时器，设定五秒后给flag赋值为真。

Answer 2

写了一个简易版的，大概是这样：
function throttle(fn, period) {
var bingo = true, timer = -1;
return function() {
if (bingo) {
var args = Array.prototype.slice.call(arguments, 0);
var ret = fn.call(this, args);
bingo = false;
clearTimeout(timer);
timer = setTimeout(function() {
bingo = true;
}, period);
return ret;
}
}
}

思想就是将一个函数包装成一个新函数，新函数内置一个计时器，用来控制原函数的调用频率。