javascript - 在单击下一步按钮之前在 JavaScript 代码中添加 5 秒的延迟

Question

我正在执行这段不言自明的 JavaScript(我认为)。类 button 的页面上大约有 100 个按钮，我希望它们一个一个地单击。一切正常。

但我想在点击下一步按钮之前添加 5 秒的延迟。

var mybtn = document.getElementsByClassName('.button');
for( var i=0; i<100; i++ ) {
    mybtn[i].click();
}

Answer 1

您可以使用 setInterval 实现该功能。

不要手动指定 100，而是使用 length 属性。

同时避免使用 getElementsByClassName 它不是标准的。大多数浏览器都支持 document.querySelectorAll。

var mybtn = document.querySelectorAll('.button');
var i = 0;

var timer = setInterval(function() {
     if( i < mybtn.length) {
         mybtn[i].click();
         console.log("Click handler for button " + i + " fired");
     } else {
         clearInterval(timer);
     }
     i = i + 1;
}, 5000);

<div class="button">Hi1</div>
<div class="button">Hi2</div>
<div class="button">Hi3</div>
<div class="button">Hi4</div>
<div class="button">Hi5</div>