jQuery: verificare per quanto tempo viene premuto il pulsante del mouse

Con jQuery possiamo verificare per quanto tempo viene premuto il pulsante del mouse.

La soluzione è la seguente:

var seconds = 0;
var timer = null;

$( "#btn" ).on( "mousedown", function() {
    timer = setInterval(function() {
        seconds++; // Ogni secondo
    }, 1000);
});

$( "#btn" ).on( "mouseup", function() {
    clearInterval( timer ); // Reset del timer
    timer = null;
    console.log( seconds ); // Leggiamo il tempo trascorso
    seconds = 0; // Reset del tempo
});