need to set a timer for in javascript , then clear

Question

I want to create a timer in JavaScript. I see the setTimeout(fn, 100) but unclear how to wrap this so it will clear itself at the end.

I tried doing

var buttonTimer = null; 

$scope.backButton = function() {

    if(buttonTimer === null){
        $history.back();
    }

    buttonTimer = setTimeout(function(buttonTimer){
        buttonTimer = null;
    }, 100);

}

The whole point is to prevent the user from hitting this function too quickly.. and ignoring all subsequent clicks within that 100ms window, at the end of the window, clear the timer and resume accepting clicks

mrak · Accepted Answer · 2015-04-21 22:37:22Z

1

Since you are doing angular, I prepared a plnkr for demonstration: http://plnkr.co/edit/5qrslKpmkglXTvEyYgBr?p=preview

Your code is almost Ok, the only problem is that you start a new timeout on every click. The effect is, that the callback fires multiple times and resets buttonTimer.

So the only change is:

var blocker = null;
$scope.backButton = function() {
  if(blocker == null) {
    blocker = setTimeout(function(){
      blocker = null;
    }, 1500);

    // DO YOUR STUFF HERE
  }    
};

answered Apr 21, 2015 at 22:37

mrak

2,92623 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

marcaia · Accepted Answer · 2015-04-21 22:48:53Z

0

You can use throttle from lodash/underscore or Ramdajs. for example

$scope.backButton=_.throttle(100,function(){/* do something here */});

answered Apr 21, 2015 at 22:48

marcaia

486 bronze badges

Collectives™ on Stack Overflow

need to set a timer for in javascript , then clear

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related