有时间间隔的点击事件

Question

$next.on('click',function(){
            //清除定时器
            clearInterval(t);
            //执行一次下一张轮播图的播放
            setTimeout(next);
            //执行一次下一张轮播图的播放后执行轮播
            setTimeout(t=window.setInterval( next, delay ),delay);
    });

如何给这个点击事件加上一个限制，要等5秒之后才能点击

Answer 1

var overtime = true;
   $next.on("click",function(){
        if(!overtime){
            return;
        }
        console.log("click success");
        overtime = false;
    });
    var catchTimer = setInterval(function(){
        overtime = true;
    },5000);

Answer 2

function throttle (func, duration) {
    let start
    return function () {
        if (!start) start = Date.now()
        else if (start + duration > Date.now()) return
        
        func.apply(this, arguments)
    }
}

$next.on('click', throttle(function () {
    // Your code
}, 5000))