Why the timer setTimeout returns the first value “2”

by

Although your code works as expected, it could be that under some conditions you wouldn’t print all numbers. It might be better to check the counter value and then clear the interval at that time (timing in javascript is not really that precise as you might hope it to be)

You could try to do it like this though, to make sure that your interval can only run once, and that you don’t exceed your max value.

function Counter(start, maxValue, ticks) {
  this.value = start || 0;
  this.max = maxValue;
  this.ticks = ticks;
  var interval;
  
  this.stop = function() {
    if (!interval) {
      return;
    }
    clearInterval(interval);
    console.log('stopped counter');
  };
  
  this.increase = function() {
    this.value++;
    console.log(this.value);
    if (this.value >= this.max) {
      this.stop();
    }
  };
  
  this.start = function() {
    if (interval) {
      return;
    }
    console.log('starting counter');
    interval = setInterval(this.increase.bind(this), this.ticks || 0);
  };
}

var counter = new Counter(0, 20, 100);
counter.start();

More Related Contents:

  1. Why is set.timeout not working in this php while loop?
  2. How can I pass a parameter to a setTimeout() callback?
  3. Calling functions with setTimeout()
  4. Pass correct “this” context to setTimeout callback?
  5. Combination of async function + await + setTimeout
  6. setTimeout calls function immediately instead of after delay
  7. Difference between setTimeout with and without quotes and parentheses
  8. Why is my function call that should be scheduled by setTimeout executed immediately? [duplicate]
  9. Execute script after specific delay using JavaScript
  10. What is the reason JavaScript setTimeout is so inaccurate?
  11. Using setTimeout on promise chain
  12. React hooks – right way to clear timeouts and intervals
  13. JavaScript : For loop with timeout
  14. Passing functions to setTimeout in a loop: always the last value?
  15. How to stop a setTimeout loop?
  16. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  17. Javascript SetTimeout and Loops [duplicate]
  18. How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?
  19. setTimeout() is not waiting [duplicate]
  20. Will setInterval cause browsers to hang?
  21. What happens to setTimeout when the computer goes to sleep?
  22. setTimeout behaviour with blocking code
  23. stop settimeout in recursive function
  24. Why doesn’t setTimeout(.., 0) execute immediately?
  25. Is it possible to chain setTimeout functions in JavaScript?
  26. Global variable is logged as undefined when passed as parameter to setTimeout callback function
  27. How to use “setTimeout” to invoke object itself
  28. How browser executes Javascript and renders asynchronously
  29. setTimeout Internet Explorer
  30. setTimeout() method inside a while loop [duplicate]

Leave a Comment