以最小间隔触发javascript事件
|
我想在重复事件发生时（点击“保存”按钮）触发一个动作（如“更新已保存！”消息），但在给定的时间内不触发两次。
对于以下内容，我希望excecuteFunction（）每3秒最多触发一次，但是如果setInterval在4.5秒后清除，我仍然希望它在6秒后再次触发。
var minimumTime = 3000; // minimum ms between events
function myTimedEvent() {
if ( lessThanMinimumTime() )
// loop through again
else {
executeFunction();
}
}
window.setInterval(myTimedEvent, 500);
executeFunction()
lessThanMinimumTime()
没有找到相关结果
已邀请:
3 个回复
翱抹村
var minimumTime = 3000; // minimum ms between events var lastFired = null; var timer; function myEventHandler(){ var now = new Date().getTime(); clearTimeout(timer); if(lessThanMinimumTime()){ timer = setTimeout(myEventHandler, lastFired - now + minimumTime); } else { executeFunction(); lastFired = now; } } function lessThanMinimumTime(){ if(lastFired == null) return false; return lastFired > new Date().getTime() - minimumTime; }秃拳割
Function.prototype.restrictCallsToInterval = function(sec){ var self = this, last, queued, diff; return function(){ var args = arguments; if(last && !queued && (diff = (new Date().getTime() - last + 1000*sec)) > 0){ // queue this up queued = setTimeout(function(){ self.apply(self, args); }, diff); return; } last = new Date().getTime(); self.apply(self, args); } }; function doSomething(x){ console.log(x); } doSomething = doSomething.restrictCallsToInterval(3); doSomething(22); doSomething(23);篮肥炼皖
var minimumTime = 3000; // minimum ms between events var canFireEvent = true; function myTimedEvent() { if (canFireEvent) { canFireEvent = false; window.setTimeout(function() { canFireEvent = true; }, minimumTime); executeFunction(); } }