javascript - 每当单击按钮时，如何在循环中使用不同的参数执行相同的功能

Question

我有以下功能：

（该数组包含js创建的HTML DOM元素）

function run(box,pos) {
      setInterval(() => {
        i = pos[0]

        if (i > box.length - 1) {
          i = 0
          box[box.length - 1].classList.remove('color')
        }

        if (i > 0) {
          box[i - 1].classList.remove('color')
        }


        box[i].classList.add('color')
        i++

        pos.unshift(i)
        pos.pop()
        console.log(pos)

      }, 500)
    }

有三个数组（box）和三个位置（pos）作为参数。

第一个在开始时默认运行，然后在按下按钮时我希望它停止并使用第二个参数运行相同的功能，然后再次按下具有第三个参数的按钮，然后当按下按钮时，该功能应该以第一个参数开始一个循环。

只有一个按钮。

标签： javascripthtmljquery