JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btn1"> 1 </button>
<button id="btn2"> 2 </button>
<button id="btn3"> 3 </button>
<button id="btn4"> 4 </button>

<p id="demo"> button : </p>

JavaScript

var intervalId;
var clicked = 0;
var buttonID = 0;

$("button").mousedown(function() {
	buttonID = $(this).attr('id');
	intervalId = setInterval(dosom, 500);
}).mouseup(function() {
    clicked = 0;
    $("#demo").html("button: ");
	clearInterval(intervalId);
});

function dosom() {
	clicked += 1;
	$("#demo").html("button: "+buttonID+" clicked :"+clicked);
}