Как узнать сколько времени находится курсор на элементе?

Question

[Денис]

Привет. Подскажите как можно определить сколько времени курсор мыши находится на выделенном элементе?

Answer 1

[Денис Инешин]

Ну например так: https://jsfiddle.net/IonDen/m59eLh22/

var elem = document.querySelector(".test");
var start;
var end;

elem.addEventListener("mouseenter", function() {
    start = +(new Date());
}, false);

elem.addEventListener("mouseleave", function() {
    end = +(new Date());

    var result = ((end - start) / 1000).toFixed(2) + " sec";
    elem.innerHTML = result;
}, false);

Answer 2

[AlexRas]

https://jsfiddle.net/dahzqkmq/

Answer 3

[GreatRash]

У объекта Event есть свойство timeStamp. Собственно его и используйте.