javascript - trigger.click - several click

Question

i want to handle the trigger.click event

this action works once , but how can i handle and edit it

for example click 10 times or click after delay and ....

how should it be customize ?

my code :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  function dio() {
    $("#bin").append("hi" + "<br>")
  }
</script>
<button id="btn" onclick="dio()">|||</button>
<div id="bin">

</div>

<script>
  $("#btn").trigger('click');
</script>

question from:https://stackoverflow.com/questions/66068818/trigger-click-several-click

Answer 1

You can use the setInterval() to trigger it every second. In order to stop the click after ntimes you can add a data field to your button.

The snippet:

function doit() {
    $("#bin").append("hi" + "<br>")
}


setInterval(() => {
    var max = +$("#btn").data('max') - 1;
    if (max >= 0) {
        $("#btn").data('max', max);
        $("#btn").trigger('click');
    } else {
        clearInterval(timer);
    }
}, 1000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="btn" data-max="10" onclick="doit()">|||</button>
<div id="bin">

</div>