定时器叠加问题分析
问题：
定时器叠加导致速度加快的现象发生在以下代码段中：
var timer = setInterval(function() {
// ...
}, 10);
$('li').hover(function() {
clearInterval(timer);
}, function() {
// ...
var timer = setInterval(function() {
// ...
}, 10);
});原因：
在该代码段中，第二个定时器的名称也定义为 timer。然而，由于使用了 var 关键字，这将创建一个新的局部变量 timer，而不是覆盖前面的变量。
因此，当 li 元素被悬停时，第一个定时器将被清除，但第二个定时器仍将继续运行。这导致了定时器叠加，从而加快了执行速度。
解决方法：
要避免定时器叠加，可以使用以下方法：
- 使用全局变量或函数作用域变量来存储定时器 id，以确保所有使用它的代码都可以访问它。
- 在使用 clearinterval() 方法之前，通过 if 语句检查定时器是否为 undefined，以防止清除一个不存在的定时器。
- 使用自执行函数或立即调用函数表达式 (iife) 来创建私有作用域，以防止在不同的作用域中定义具有相同名称的变量。
