javascript - 有时间间隔的点击事件-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 有时间间隔的点击事件

仅有的幸福 2017-06-26 10:58:07

[JavaScript讨论组]

833

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

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

仅有的幸福

全部回复(2)

伊谢尔伦2017-06-26 11:00:07 2楼

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

赞 +0

添加回复

滿天的星座2017-06-26 11:00:07 1楼

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))

赞 +0

添加回复