javascript - 无限期双击运行间隔

Question

我正在尝试创建animation一系列使用图像。当有人clicks按下按钮时，它会以一定的间隔成像并在当前图像编号iterate上停止。问题是当按钮迭代中串联的某个人变得不可停止并无限期运行时。那就不行了。conditionclearIntervalclicksclearInterval

我也创建了一个jsfiddle。

请帮我解决这个问题，如果我不清楚，请告诉我。提前致谢。

Answer 1

您只需在再次致电clearInterval之前致电setInterval。否则，您将覆盖第一次调用的间隔 ID，并且永远不会清除它。

或者，您可以跟踪间隔是否仍在进行，并且仅在前一个已完成时才创建一个新间隔。也许设置loop为-1when you call clearIntervaland only call setIntervalif loopis -1。