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事件将运行start函数，该函数设置开始时间。 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'));
}

如何衡量javascript中点击和发布之间的时间？

3 个答案: