Bootstrap轮播：第一张幻灯片比其他幻灯片长

Question

我为bootstrap轮播开发了一个进度条。你可以在这里看到它： http://bootsnipp.com/snippets/xaRam

问题：

由于我不理解的原因，第一张幻灯片的持续时间比其他幻灯片的持续时间长。所有下一个过渡都没问题。

我用过：

• Bootstrap carousel：
• 带有计时器转换的bootstrao轮播的修改版本：http://bootsnipp.com/snippets/featured/carousel-with-timer-and-caption

解决方案我试图解决问题：

• 更改JS中的轮播间隔（没有工作）
• 在CSS中使用不同的过渡值，比如过渡计时器轮播（没有工作）
• 为每张幻灯片添加数据间隔（没有工作）
• 将一个setTimeout添加到轮播（部分工作）

你有想法修复这个bug吗？ 谢谢！