js中clearInterval无效，以及setInterval中断后重新执行
Posted manny-liu
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中clearInterval无效，以及setInterval中断后重新执行相关的知识，希望对你有一定的参考价值。
引言：
网页中的效果：网页上向右运动的span，背景图片随着向右移动而不断切换。在鼠标移入图片时，停止向右运动，并改变为特定的背景图片；当鼠标移出时，继续向右移动并不断切换背景图片，直到运动到右端停止运动及图片切换。向右运动以及图片切换效果均是由setInterval周期性调用函数实现，停止运动则需要clearInterval函数实现。在实现过程中容易出现以下问题：
鼠标移入时不能停止运动，或者是移动速度加快，clearInterval无效；鼠标移出后，运动到最右端不能停止，clearInterval无效；
导致出现这个问题的原因为：
setInterval()每执行一次，则返回一个唯一id。所以setInterval()执行了n次，那么需要调用clearInterval()也是n次。出现clearInterval()失效的情况，请查看每次调用setInterval()是否都clearInterval()了。
说明：对于本篇文章中涉及到的知识点，只做简单说明，详细信息请查找相关资料。
以上是关于js中clearInterval无效，以及setInterval中断后重新执行的主要内容，如果未能解决你的问题，请参考以下文章