setInterval timing slowly drifts away from staying accurate

by

I think I may have figured out a solution. I figured, if you can measure it you can compensate for it, right?

http://jsfiddle.net/zryNf/9/

var start;
var nextAt;

var f = function() {
    if (!start) {
        start = new Date().getTime();
        nextAt = start;
    }
    nextAt += 1000;

    var drift = (new Date().getTime() - start) % 1000;    
    $('<li>').text(drift + "ms").appendTo('#results');

    setTimeout(f, nextAt - new Date().getTime());
};

f();

result varies a bit but here’s a recent run:

0ms
7ms
2ms
1ms
1ms
1ms
2ms
1ms
1ms
1ms

So if it gets called 1ms, 2ms or even 10ms later than it should the next call is scheduled to compensate for that. As long as inaccuracy is only per call, but the clock should never lose time, then this should work well.

And now I wrapped this up a global accurateInterval function which is a near drop in replacement for setInterval. https://gist.github.com/1d99b3cd81d610ac7351

More Related Contents:

  1. How would I make a Timer which times things in 0.75 seconds Javascript?
  2. Stop setInterval call in JavaScript
  3. setTimeout or setInterval?
  4. How can I make setInterval also work when a tab is inactive in Chrome?
  5. How to create an accurate timer in javascript?
  6. Changing the interval of SetInterval while it’s running
  7. Calling a function every 60 seconds
  8. Why does the setInterval callback execute only once?
  9. Javascript setInterval and `this` solution
  10. Execute the setInterval function without delay the first time
  11. Pass parameters in setInterval function
  12. Jquery/Ajax call with timer
  13. How can I pause setInterval() functions?
  14. Will setInterval drift?
  15. Calculating Page Load Time In JavaScript
  16. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  17. Viewing all the timeouts/intervals in javascript?
  18. How do I reset the setInterval timer?
  19. setInterval/setTimeout return value
  20. How to stop “setInterval” [duplicate]
  21. How to use setInterval function within for loop
  22. Is setInterval CPU intensive?
  23. Using setInterval() to do simplistic continuous polling
  24. How to clearInterval with unknown ID?
  25. function in setInterval() executes without delay
  26. setInterval not working properly on Chrome
  27. setInterval() only running function once
  28. Does JavaScript setInterval() method cause memory leak?
  29. recursive function vs setInterval vs setTimeout javascript
  30. Making a live clock in javascript

Leave a Comment