javascript - 有时间间隔的点击事件
问题描述
$next.on(’click’,function(){ //清除定时器 clearInterval(t); //执行一次下一张轮播图的播放 setTimeout(next); //执行一次下一张轮播图的播放后执行轮播 setTimeout(t=window.setInterval( next, delay ),delay); });
如何给这个点击事件加上一个限制,要等5秒之后才能点击
问题解答
回答1:var overtime = true; $next.on('click',function(){if(!overtime){ return;}console.log('click success');overtime = false; }); var catchTimer = setInterval(function(){overtime = true; },5000);回答2:
function throttle (func, duration) { let start return function () {if (!start) start = Date.now()else if (start + duration > Date.now()) returnfunc.apply(this, arguments) }}$next.on(’click’, throttle(function () { // Your code}, 5000))
相关文章:
1. css - Flexbox 怎么实现多行多列2. 利用百度地图API定位及附件商家信息服务3. javascript - 页面如何获取重定向的url?4. html按键开关如何提交我想需要的值到数据库5. mysql - 大表和小表连接,应该注意什么,性能上6. login.html登录界面为什么和老师讲课的届而不一样?7. javascript - 百度echarts图表如何修改8. javascript - 求解答,koa-bodyparser获取到的参数是空对象,为什么?????9. mysql优化 - mysql EXPLAIN之后怎么看结果进行优化 ?10. 微信小程序的选项卡中的数据分页加载卡顿问题???