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. css3 - 这个效果用 CSS 可以实现吗?border-image2. node.js - express框架,设置浏览器从缓存中读取静态文件,只有js从缓存中读取了,css还有一些图片为何没有从缓存中读取?3. java - web端百度网盘的一个操作为什么要分两次请求服务器, 有什么好处吗4. node.js - nodejs+express+vue5. java - Spring boot 读取 放在 jar 包外的,log4j 配置文件,系统有创建日志文件,不写入日志信息。6. javascript - 请指条明路,angular的$event,在select中却是undefined?7. java - 如何点击按钮,重新运行(我是初学者)?8. android - 用textview显示html时如何写imagegetter获取网络图片9. javascript - QQ第三方登录的问题10. Angular.js 无法设置Authorization头,该怎么解决?

网公网安备