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

Posted 2023-03-26

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

思路：设置一个标记。

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

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

参考技术A 写了一个简易版的，大概是这样：
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;




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