jQuery 多次自动单击按钮

Question

When I click on a button I want to auto click it for example 4 times again after the click. So basically you fire it 5 times. I have a code like this to retrieve the number it should be clicked.

$(document).ready(function() {

    var clickedTimes; 

    $( "form" ).change(function() {
     clickedTimes = jQuery('input#cfwc-title-field').val();
    });

    $('#single_add_to_cart_button').on('click', function(event){
        if ((clickedTimes-1)==0) {
                return;
        }
        clickedTimes -=1;
        console.log(`Click-Event triggered ${(5-(clickedTimes))} times.`);
        $( "#single_add_to_cart_button" ).trigger( "click" );
    });
});

For example the clickedTimes = 5

After clicking the add to cart button beneath it it should auto fire 4 times again on it because I fired it once myself.

Answer 1

Try this This worked for me in similiar condition .

 var aantal_tickets = 4;   //Here put the number of times you want auto submit
      (function submit(){
        if(aantal_tickets == 0) return;
        form.submit();   //action you want to perform
        aantal_tickets--;
        setTimeout(submit, 1000);   //Each second
      })(); 

Answer 2

Here is your solution:

// clickedTimes=5; the value of clickedTimes must be set. 
$(document).ready(function() {      
    $('#single_add_to_cart_button').on('click', function(event){
        if ((clickedTimes-1)==0) {
                //clickedTimes=5;  .
                return;
        }
        clickedTimes -=1;
        console.log(`Click-Event triggered ${(5-(clickedTimes))} times.`);
        $( "#single_add_to_cart_button" ).trigger( "click" );
    });
})

Here is a working Fiddle