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. javascript - 在靜態頁面上用load 引入的頁面文件問題?2. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.3. android - RxJavar用什么操作符可以使數據每隔一段時間取出一個4. Android的webView如何實現網頁 錄音功能?5. Java游戲服務器開發和網站、app服務端的開發都差不多的嗎???實現的思路和方法6. css - 關于ul的布局7. html - 哪些情況下float會失效?8. javascript - vue組件通過eventBus通信時,報錯a.$on is not a function9. java - oracle對漢字字段按照拼音排序的函數和sql語句是什么?10. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果
