How to add a delay for button.click Javascript call [duplicate]

Question

I have the following script that I run on Console mode in Chrome to automatically click on some buttons on the webpage. But I want to add a delay after each click so that it won't click all buttons at once. Please let me know how to proceed.

[].slice.call(document.querySelectorAll('.button')).forEach(function(button) {button.click();});

@JorgeFuentesGonzález as far as I know it all will "burst" after specified delay. — Sergey
– Sergey, Commented Apr 21, 2018 at 13:50
@Sergey He has to add different defays to each button, or better, execute the next button click after each delay. — Jorge Fuentes González
– Jorge Fuentes González, Commented Apr 21, 2018 at 13:52

Sagi · Accepted Answer · 2018-04-21 13:53:07Z

1

You can use the request requestAnimationFrame function

delay(Array.from(document.querySelectorAll('.button')));

function delay(sequentialEvents) {
    if (sequentialEvents.length > 0) {
        requestAnimationFrame(function () {
            var btn = sequentialEvents.shift();
            btn.click();
            delay(sequentialEvents);
        });
    }
}

or the setTimeout function

delay(Array.from(document.querySelectorAll('.button')), 1000);

function delay(sequentialEvents, ms) {
    if (sequentialEvents.length > 0) {
        setTimeout(function () {
            var btn = sequentialEvents.shift();
            btn.click();
            delay(sequentialEvents, ms);
        }, ms);
    }
}

answered Apr 21, 2018 at 13:53

Sagi

9,3643 gold badges38 silver badges43 bronze badges

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

Comments

Sergey · Accepted Answer · 2018-04-21 14:01:59Z

1

Here you are. Try this one. Just made checkboxes instead of buttons to make it obvious.

var buttons = [...document.querySelectorAll('input[type="checkbox"]')];

function clickButton(buttons) {

  var len = buttons.length;

  if (len < 1) return false;
  
  setTimeout(() => {
    buttons[0].click();
    buttons.splice(0,1);
    clickButton(buttons);
  }, 1000);
}

window.onload = clickButton(buttons);

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">

answered Apr 21, 2018 at 14:01

Sergey

7,69214 gold badges49 silver badges97 bronze badges

Collectives™ on Stack Overflow

How to add a delay for button.click Javascript call [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related