Medir tiempo que tarda en ejecutarse una funcion

kafok · #1 (**permalink**) 10/10/2012, 09:23

Tengo el siguiente problema, quiero hacer una funcion que se repita en un bucle infinito, y me gustaria medir el tiempo que tarda en dar cada vuelta el bucle, quiero que la salida se muestre en un div.

Al intentarlo resulta que si hago un bucle no actualiza el div, y probe a quitarlo y que solo se ejecutara una vez mi funcion para ver el tiempo que tarda en hacerlo, pero la diferencia entre que empieza y acaba es 0, y no creo que sea porque tarda menos de 1 milisegundo en resolverla. Uso el metodo getTime() del objeto Date.

¿Como puedo hacer que funcione mi experimento? Gracias de antemano :)

Sumerio · #2 (**permalink**) 10/10/2012, 15:07

Seria bueno ver el codigo, pero el tema es descomponer ese tiempo en milisegundos.

kafok · #3 (**permalink**) 12/10/2012, 04:41

Si es que el metodo getTime() te da la fecha actual en milisegundos

emprear · #4 (**permalink**) 12/10/2012, 07:49

Habría que ver tu ejemplo completo para ver por que querés medir el tiempo entre bucle y bucle, ni por que hacer la función infinita, puede que te cuelgue el navegador.
Más lógico me suena calcular el tiempo de ejecución de una función
De todas formas quizás esto te sirva u oriente

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="ms"></div>
<script type="text/javascript">
//<![CDATA[
function tiempo(){
for (num=0;num<=10;num++) {
var date1 = new Date();
var milisegundos1 = date1.getTime();
alert('obteniendo el tiempo entre alert y alert');
var date2 = new Date();
var milisegundos2 = date2.getTime();
var diff_mseg = milisegundos2 - milisegundos1;
document.getElementById('ms').innerHTML += 'bucle ' + num + ': ' + diff_mseg + ' milisegundos<br \/>';
}
}
window.onload = tiempo;
//]]>
</script>
 
</body>
</html>

Saludos

kafok · #5 (**permalink**) 12/10/2012, 09:05

Gracias por tu ayuda, estuve jugueteando con ese codigo y me di cuenta porque se me colgaba el navegador, es que hasta que no termina el bucle no escribe nada en el div, entonces al hacer un bucle infinito jamas me dibujara nada en el div (no sabia ese detalle).

Pero es que lo que quiero conseguir es ejecutar una funcion todo el tiempo, es decir que cuando acabe se vuelva a ejecutar y asi sucesivamente. Quiero medir el tiempo que tarda en ejecutarse cada vez que lo hace y la idea es que se ejecute tan rapido como pueda y tantas veces por segundo como pueda, por si no me explico te pongo un pseudo-codigo:

bucle infinito (uso while(1)):
obtener tiempo1
mi_funcion()
obtener tiempo2

escribir en un div: tiempo2 - tiempo1
fin bucle

Y por cierto, me he fijado que en tu codigo declaras dos objetos Date(), ¿Esto es necesario? ¿Por que?

emprear · #6 (**permalink**) 12/10/2012, 09:28

No sé exactamente el objeto, algo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="ms"></div>
<script type="text/javascript">
//<![CDATA[
function tiempo(){
var i = 1;
 
while (i < 10) {
var date1 = new Date();
var milisegundos1 = date1.getTime();
//  alert('x'); --> aqui tu función
var date2 = new Date();
var milisegundos2 = date2.getTime();
var diff_mseg = milisegundos2 - milisegundos1;
document.getElementById('ms').innerHTML += 'bucle ' + i + ': ' + diff_mseg + ' milisegundos<br \/>';
i++
}
}
setInterval('tiempo()',1000);
//]]>
</script>
 
</body>
</html>

la función se repite constantemente cada 1 segundo, pero el bucle NO es infinito.
bajale el valor del setTimeout para reducir el tiempo.
el alert debe ser reemplazado por tu función

con Date() volvemos a tomar los milisegundos para calcular la diferencia

SAludos

kafok · #7 (**permalink**) 13/10/2012, 17:48

Perdona por no explicarme bien, pero es que la funcion setInterval() era contraria a mi objetivo, que era ejecutar una funcion tantas veces por segundo como mi ordenador pudiera, no ejecutarla un numero constante de veces por segundo. Asi podria medir el tiempo medio que necesita para ejecutar algunas funciones (digo algunas porque como es un experimento lo comprobaria con varias).

Lo he logrado con la funcion webkitRequestAnimateFrame, asi que muchas gracias por tu ayuda me a servido bastante. Saludos