无限次双击运行间隔

Question

我正在尝试使用一系列图片创建animation。当有人clicks按钮时iterate会有一些间隔＆amp;停靠condition当前图片编号clearInterval。问题是当按钮迭代中的某个clicks串联变为UN-stoppable并无限期运行时。 clearInterval将不起作用。

我也创建了jsfiddle。

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

Answer 1

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

或者，您可以跟踪间隔是否仍然存在，并且只有在前一个间隔结束时才创建新间隔。当您致电loop时，可能会将-1设为clearInterval，如果setInterval为loop，则只需致电-1。