javascript - 执行多次点击

Question

我试图多次点击一个按钮。每次单击该按钮时，它会加载 1 秒，然后重新出现并能够再次单击。我想点击这个按钮 5 次。

 for(i=0;i<5;i++) 
  $('.class').click();

以上代码只执行一次点击。

即使是这段代码，也只执行一次点击。

for(i=0;i<5;i++) 
 setTimeout(() => $('.class').click(),2000);

如果我手动执行该步骤，也就是说，如果我在控制台中输入 $('.class').click() 五次，它就会起作用。知道为什么吗？

Answer 1

将延迟乘以 i 因为 for 循环不等待执行 setTimeout 回调。

for(i = 1;i <= 5; i++) 
  setTimeout(() => $('.class').click(),i * 2000);

---

另一种方法是使用 setInterval 方法以及 clearInterval .

// variable for count
var i = 0;
// reference for clearing interval
var inter = setInterval(()=>{
   // trigger click event
   $('.class').click(); 
   // increment and check value reached to `5`
   // if `5` then clear the interval
   if(++i == 5) clearInterval(inter);
},2000);