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>

this action print a hi after loading the page , how can i set click count , and time and stop ?

Can you describe what do you mean when asking for "i set click count , and time and stop"? It is absolutely not clear. Please, update your question — gaetanoM
– gaetanoM, Commented Feb 5, 2021 at 18:52
trigger.click event , only click once , and my main question is how can i make trigger.click who clicks more time ,(10 times) and how can set time(delay) between clicking and stop action ( for the last click) — Alex
– Alex, Commented Feb 5, 2021 at 18:54
If you just want do trigger it 10 times then pack it inside a loop, or use setIntervall() and trigger it for example every second — Aalexander
– Aalexander, Commented Feb 5, 2021 at 18:57

Aalexander · Accepted Answer · 2021-02-05 19:29:34Z

2

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>

edited Feb 5, 2021 at 19:29

answered Feb 5, 2021 at 18:59

Aalexander

4,9843 gold badges15 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Alex Over a year ago

this is true, , thx but can you make it for me via jquery completly

Aalexander Over a year ago

@Alex I am not sure what do you mean by jquery completly. It is already because you don't use DOM manipulation setInterval doesn't change anything to this fact.

Alex Over a year ago

this code works , but this code have lot of warning in phpstorm

Aalexander Over a year ago

@Alex you can get rid of the var timer because you never use it.

Aalexander Over a year ago

@Alex the return value of setInterval is not important, you can get rid of it. It is only important when you later on want stop it

Collectives™ on Stack Overflow

trigger.click - several click

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related