0
135
VistasEl temporizador muestra resultados incorrectos
var seconds_lapsed = 0; function tick() { seconds_lapsed++; } function countup() { setTimeout(function () { if (stopped) return; // stop the loop if (!is_paused()) { tick(); show_time_left(); } countup(); // <--- this is the "loop" }, 1000); }Este es el núcleo de mi temporizador. Por supuesto que tengo alguna vista para representar el resultado. Pero el tictac se hace aquí.
El problema
Muestra mal tiempo. Echa un vistazo a esto:
El temporizador se ajustó a 3 horas. Pasaron doce minutos. Y la discrepancia es de casi 1,5 minutos.
En la otra ventana está funcionando el temporizador de Google. Éste:
Entonces, acabo de comparar mi temporizador con el de Google. Los comencé casi de inmediato. La diferencia no debe ser más de un par de segundos (para cambiar la ventana y presionar el botón).
¿A qué se debe esto y cómo puedo corregirlo?
1 Respuestas
Responde la pregunta0
setTimeout con un intervalo de 1000 NO se ejecuta exactamente cada 1 segundo. Se programa para ejecutarse después de 1 segundo, pero se puede retrasar con las acciones que se ejecutan en ese momento.
Una mejor manera de resolver esto es calculando la diferencia de fechas. Tomé su muestra (agregué las variables/funciones faltantes) y cambié la función tick() para usar las diferencias de fecha.
var seconds_lapsed = 0; var startDateTime = new Date(); var stopped = false; var is_paused = function() { return false; } function tick() { datediffInms = new Date() - startDateTime; seconds_lapsed = Math.round(datediffInms / 1000); } function countup() { setTimeout(function () { if (stopped) return; // stop the loop if (!is_paused()) { tick(); //show_time_left(); console.log(seconds_lapsed) } countup(); // <--- this is the "loop" }, 1000); } countup();