多个引导传送带不会同时运行

Question

我正在制作一个带有大桌子的静态html页面。 每行都有两个自举轮播，效果很好。 但是几分钟后，每个转盘都不会同时运行。 它们从页面加载开始，并且具有相同的时间间隔。

carousels problem gif

<table>
<tr>
   <td>
      <div id="myCarousel1-1" class="carousel slide">
         <div class="carousel-inner">
            <div class="item active"><img src="img/lufthansa.jpg"></div>
            <div class="item"><img src="img/swiss.png"></div>
         </div>
      </div>
   </td>
   <td>
      <div id="myCarousel1-2" class="carousel slide vertical">
         <div class="carousel-inner">
            <div class="item active">AT800</div>
            <div class="item">FR90090</div>
         </div>
      </div>
   </td>
</tr>
<tr>
   <td>
      <div id="myCarousel2-1" class="carousel slide vertical">
         <div class="carousel-inner">
            <div class="item active"><img src="img/swiss.png"></div>
            <div class="item"><img src="img/swiss.png"></div>
         </div>
      </div>
   </td>
   <td>
      <div id="myCarousel2-2" class="carousel slide vertical">
         <div class="carousel-inner">
            <div class="item active">FR90090</div>
            <div class="item">FR90090</div>
         </div>
      </div>
   </td>
</tr>
</table>

<script>
   $('.carousel').carousel({
       interval: 3000,
       ride: true,
       pause: false,
       keyboard: false
   });
</script>

我希望每个转盘都同时，同时走动。