Как я могу измерить время между щелчком и выпуском в JavaScript?

Question

Я хочу запустить таймер, когда пользователь щелкает объект, и останавливать его, когда пользователь отпускает щелчок. Все с использованием javascript / jquery.

Answer 1

Следующее должно начать

var start_time;
function start() {
    start_time = new Date();
}
function end() {
    var now = new Date();
    alert(now-start_time);
}

$('#element_id').mousedown(start);
$('#element_id').mouseup(end);

Событие mousedown запустит функцию запуска, которая устанавливает время запуска. событие mouseup вычитает время начала из текущего времени. Результат в миллисекундах

Answer 2

$("#element").mousedown(); позволит вам записывать, когда пользователь нажимает, и аналогично $("#element").mouseup(); позволит вам записывать, когда кнопка отпущена.

var start = 0;
$("#element").mousedown(function() { start = new Date(); });
$("#element").mouseup(function() {
    var cur = new Date();
    alert(cur-start);
}

Answer 3

function myTimer() {
    doSomething();
}

$('#thing').mousedown(function() {
    $(this).data('timerHandle', setTimeout(myTimer));
});
$('#thing').mouseup(function() {
    clearTimeout($(this).data('timerHandle'));
}