悬停时翻转整个图像，动画速度不规则

如何解决悬停时翻转整个图像，动画速度不规则

| 上下文：我有一个图像块，它们绝对位于彼此的顶部。在鼠标悬停时，通过添加css类将图像移动到堆的顶部，一个接一个地显示图像。当到达最后一张图像时，将显示第一张图像，并且一直持续到鼠标移出为止。 参考：这是一个参考站点，可以看到类似的效果。 （将鼠标悬停在图像块上）。 HTML：

<div id=\"flicker\">
    <img src=\"example1.gif\" />
    <img src=\"example2.gif\" />
    <img src=\"example3.gif\" />
</div>

码：

var flickerImg = jQuery(\'#flicker img\');

jQuery(\'#flicker\').hover(
      function() {
        flicker = setInterval(function() {
          if (flickerImg.last().hasClass(\'active\')) {
            flickerImg.removeClass(\'active\').first().addClass(\'active\');
          }
          else {
            jQuery(\'#flicker img.active\').removeClass(\'active\')
                                         .next().addClass(\'active\');
          }
       },100);
    },function() { 
        clearInterval(flicker); 
    });

问题：几次迭代后，动画似乎加快了速度。是否有更好的编码方式，或进行更改以提供更一致的动画？     

解决方法

        我在http://jsfiddle.net/brianflanagan/kLJd3/上设置了一个示例来模仿参考站点。我不确定我是否看到自己正在加快速度，尽管有时确实确实感觉正在加快。我让它运行了5分钟左右，以查看效果是否持续，但是没有成功。我怀疑这可能是一种错觉，而不是其他。我在Chrome 11中进行了测试，并尝试了不同的间隔设置以查看它是否有所不同，但无论间隔如何，它似乎对我而言始终如一。