Я создал CodePen , где вы можете определить время удержания элемента <button>
.Это соответствующий код:
HTML:
<button id="button">click</button>
JavaScript:
(function(window, document, undefined){
'use strict';
var start;
var end;
var delta;
var button = document.getElementById("button");
button.addEventListener("mousedown", function(){
start = new Date();
});
button.addEventListener("mouseup", function() {
end = new Date();
delta = (end - start) / 1000.0;
alert("Button held for " + delta + " seconds." )
});
})(window, document);
Возможно, вы не хотите использовать alert
в своем приложении,но это хорошая отправная точка.Вы должны быть в состоянии вставить значение delta
в элемент DOM без проблем.