javascript - 函数到达末尾后如何再次运行它？

Question

到达数组中的最后一个值后如何再次运行循环？

我想在函数 init() 完成后再次运行它，因为更多的 DOM 元素 myElement 一旦被点击就会被 ajax 进来。

我尝试在 setTimeout 之后运行 init 函数，但这不起作用，并尝试使用 btn.length -1< 检查数组上的最后一个元素 仍然不起作用。

function doSetTimeout(index, btn) {

    setTimeout(function() { 
        jQuery(btn[index]).click(); 
    }, index  * 1500);

    //init();   

}

function init() {

    var btn = [].slice.call(document.querySelectorAll('.myElement'));

    var index;

    for (index = 0; index < btn.length; index++) {

        doSetTimeout(index, btn)

    }

}

init();

Answer 1

这有效吗？

function init() {

    var btn = [].slice.call(document.querySelectorAll('.myElement'));

    var index = 0;

    function click() {
      setTimeout(function() {
          if(index < btn.length) {
            jQuery(btn[index++]).click();
            click();
          } else {
            init();
          }
      }, 1500);
    }
    click();
}