Con el método
hover
y el objeto
Date
te basta. Solo necesitas tomar el tiempo al momento de colocar el cursor del mouse sobre el elemento (primer callback), tomar el tiempo al momento de retirar el cursor del mismo (segundo callback) y restar el último tiempo con el primero.
Código Javascript
:
Ver originalvar time1, time2;
$("#id_elemento").hover(function(){
time1 = new Date().getTime();
}, function(){
time2 = new Date().getTime();
console.log(((time2 - time1) / 1000).toFixed()); //Los segundos transcurridos
});
La división entre 1000 la hago porque el método
getTime
devuelve el tiempo en milésimas de segundo. Con dicha división, el tiempo resultante será expresado en segundos. Si deseas que se visualicen los segundos con milésimas, no apliques el método
toFixed
.
Saludos