如何无限地选中和取消选中复选框？

Question

我有这段代码，我尝试了 setTimeout、promise 和回调函数，但没有成功。

document.querySelectorAll("input").forEach((el, i) => {
    setTimeout(() => { 
        el.checked = true 
    }, i * 300);
})

小提琴

欢迎任何帮助。

Answer 1

setup() function 在每个复选框上设置超时。 当最后一个触发时，它会再次设置它们：

function setup() {
  document.querySelectorAll("input").forEach((el, i) => {
    setTimeout(() => { 
      el.checked = ! el.checked
      if ( i+1 == document.querySelectorAll("input").length) {
        setup()
      }
    }, i * 300);
  }
)}

setup()

https://jsfiddle.net/2u9rqot1/