javascript - 有時(shí)間間隔的點(diǎn)擊事件
問(wèn)題描述
$next.on(’click’,function(){ //清除定時(shí)器 clearInterval(t); //執(zhí)行一次下一張輪播圖的播放 setTimeout(next); //執(zhí)行一次下一張輪播圖的播放后執(zhí)行輪播 setTimeout(t=window.setInterval( next, delay ),delay); });
如何給這個(gè)點(diǎn)擊事件加上一個(gè)限制,要等5秒之后才能點(diǎn)擊
問(wèn)題解答
回答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))
相關(guān)文章:
1. docker綁定了nginx端口 外部訪問(wèn)不到2. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題!!3. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?4. javascript - 深夜被問(wèn)題困擾求解惑,rn的API之PermissionsAndroidd的問(wèn)題5. 前端 - html5 audio不能播放6. html - radio的使用時(shí)如何避免整個(gè)頁(yè)面只能選一個(gè)的情況7. nginx - ssl加密訪問(wèn)證書不受信任8. redis sentinel怎么跑守護(hù)進(jìn)程以及日志記錄位置的?9. 利用百度地圖API定位及附件商家信息服務(wù)10. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改

網(wǎng)公網(wǎng)安備