<!DOCTYPE html>
<head>
</head>
<body>
<div id="timeDiff1">espere...</div>
<div id="timeDiff2">espere...</div>
</body>
<script type="text/javascript">
// guardamos los milisegundos iniciales
var startTime = new Date();
for(var i=0;i<10000;i++)
{
// aqui estaria el proceso...
console.log(i);
}
// guardamos los milisegundos al finalizar
var endTime = new Date();
// mostramos el texto con el tiempo que ha tardado el proceso
document.getElementById("timeDiff1").innerHTML=returnDiffToText(endTime-startTime);
// mostramos el texto de un valor inventado
document.getElementById("timeDiff2").innerHTML=returnDiffToText(352525682);
// Funcion que devuelve el tiempo transcurrido en dias, horas, minutos y segundos
// Tiene que recibir los milisegundos
function returnDiffToText(timeDiff)
{
// obtenemos los segundos
var timeDiff = timeDiff / 1000;
var result="";
if(timeDiff<60)
{
// unicamente mostraremos los segundos
result=timeDiff+" segundos";
}else{
// cogemos la parte entera de los segundos
var seconds = Math.round(timeDiff % 60);
// restamos los segundos que hemos cogido
timeDiff = Math.floor(timeDiff / 60);
// cogemos los minutos
var minutes = Math.round(timeDiff % 60);
// restamos los minutos que hemos cogido
timeDiff = Math.floor(timeDiff / 60);
// cogemos las horas
var hours = Math.round(timeDiff % 24);
// restamos las horas que hemos cogido
timeDiff = Math.floor(timeDiff / 24);
// el resto, son dias
var days = timeDiff;
if(days>0)
{
result=days+" días, "+hours+" horas, "+minutes+" minutos y "+seconds+" segundos";
}else if(hours>0){
result=hours+" horas, "+minutes+" minutos y "+seconds+" segundos";
}else{
result=minutes+" minutos y "+seconds+" segundos";
}
}
return result;
}
</script>
</html>
Comentarios sobre la versión: Versión 1 (1)