javascript - 点击多个按钮

Question

所以我有按钮，其中很多我想点击它们，每次点击之间应该有 0.1 秒的延迟，我该怎么做？按钮(多个):

<div class="egg" id="egg1" onclick="egg.play(1);"></div>
<div class="egg" id="egg2" onclick="egg.play(2);"></div>

依此类推，直到 27 个按钮，那么我如何点击这 27 个按钮？

这是我使用的方法，它对于 1 个按钮来说效果很好，如何使其适用于 27 个按钮并在每次单击之间延迟 0.1 秒？我也希望它在函数中，因为我想调用该函数...

function clickegg(){
    $("#egg1").click();


    setTimeout(clickegg, 1000);
}

如果是 jquery 或 javascript 没问题。谢谢

Answer 1

模板字符串+带有终止条件的递归:

function clickegg(which=1){
    $(`#egg${which}`).click();

    if(which < 27) {
      setTimeout(() => clickegg(which+1), 100);
    }
}

点击#egg1，0.1秒后点击#egg2，然后点击#egg3，依此类推，直到达到最终数字。