setInterval() no respeta los milisegundos

[IXtremeLT]

Hola que tal!,

Entiendo que si pones mucho que hacer dentro de un intervalo de 1ms, tarda más de lo normal, pues los recursos de la PC no logran procesarlo tan rápido ya que Javascript solo trabaja sobre un hilo de procesamiento.

Pero no entiendo por qué si no estoy poniendo prácticamente nada, se demora bastante. En el siguiente ejemplo defino un intervalo de 1ms que al llegar a 1000ms, se detenga mostrando un mensaje. Pero no tarda 1 segundo ni 2, tarda más de 4 segundos! incluso en la otra PC que tengo más lenta, tarda 10 segundos!.

Pruebenlo y me comentan, gracias!

Código Javascript:

// Intervalo de 1ms, que al llegar a los 1000ms se detiene, 
// pero el tiempo real pasa de los 4000ms y no hay nada pesado que procesar, ¿Qué sucéde?
        var elapsedTime = 0;
        var startedTime = new Date;
        var timeout     = 1000;
 
        var t = setInterval(function(){
            if ( ++elapsedTime == timeout ) {
                var finishedTime    = new Date;
                var realElapsedTime = finishedTime-startedTime;
                alert('Tiempo esperado = '+elapsedTime+'ms, Tiempo real transcurrido = '+realElapsedTime+'ms');
                clearInterval(t);
            }
        }, 1);
 

Saludos!

[Panino5001]

Te sugiero que leas este artículo para que veas cómo funciona la ejecución de procesos en el navegador y puedas analizar el problema con más herramientas: http://ejohn.org/blog/how-javascript-timers-work/

[IXtremeLT]

Ok, ya comprendía eso pero de todas formas se me hace mucho el tiempo que tarda en responder ;)

[marlanga]

Lo que pasa es que estás agontando la pila de llamadas del Interval. Utiliza intervalos de tiempo mucho más grandes. Como mínimo, 20. Y si lo que quieres es precisión, es decir, que pase exactamente 1 segundo, pues usa in setInterval de 1000.

En resumen, cuanto más grande sea el valor más preciso es el Interval.
La explicación la tienes en ese link que te han puesto. Como dices que ya lo comprendes, pues no merece la pena que lo escriba aquí otra vez.