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. docker不显示端口映射呢?2. css3 - 没明白盒子的height随width的变化这段css是怎样实现的?3. docker网络端口映射,没有方便点的操作方法么?4. javascript - 关于js原生事件的绑定与解除绑定5. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果6. node.js - nojs的response.write()如何返回一个html7. 关于docker下的nginx压力测试8. 把h5放入webview里面,h5页面上下可以回弹,怎么可以去掉该效果9. javascript - yo创建angular报错10. javascript - nodejs报错 打开localhost:3000 就报错

网公网安备