Een klok die elke seconde tikt, is in feite een animatie, dus je zou kunnen profiteren van recursieve requestAnimationFrame ( met fallback to setTimeout ).
var previousTime = 0;
function update(time) {
if (time - previousTime >= 1000) {
redrawClock(time);
previousTime = time;
}
requestAnimationFrame(update);
}
Met setInterval moet u een Date -object maken voor elke iteratie, omdat de eigen vertraging van setInterval langer kan duren dan de formele waarde. Zie het schitterende artikel van John Resig over timers in JavaScript .
requestAnimationFrame on the contrary is:
- Efficiënter, geoptimaliseerd voor de taak.
- Geeft een nauwkeurig tijdstempel voor het terugbellen.