JSFiddle - React, Tailwind, and code Playground
HTML
<button id="Action">Go</button>
<br><br>
<input id="button1" type="button" value="1" />
<br><br>
<input id="button2" type="button" value="Désactivation" />
<input id="button3" type="button" value="Réactivation" />
JavaScript
$('#Action').on('click',function() {
increment(1);
});
function increment(i) {
$('#Action').attr('disabled', 'disabled');
$('#button1').attr('value', i);
if(i < 10) {
setTimeout(function() {
increment((i+1));
if (i===10) {
//alert("OK");
$('#Action').attr('disabled', false);
};
},300);
if (i===10) {
//alert("OK");
$('#Action').attr('disabled', false);
};
};
};
$('#button2').on('click',function() {
$('#Action').attr('disabled', 'disabled');
});
$('#button3').on('click',function() {
$('#Action').attr('disabled', false);
});