javascript - 如何为 Button.click Javascript 调用添加延迟

Question

这个问题已经有答案了:

Execute script after specific delay using JavaScript (15 个回答)

已关闭 5 年前。

我有以下脚本，在 Chrome 的控制台模式下运行，以自动单击网页上的某些按钮。但我想在每次点击后添加一个延迟，这样它就不会一次点击所有按钮。请让我知道如何继续。

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

Answer 1

可以使用请求requestAnimationFrame函数

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

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

或setTimeout函数

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);
    }
}