javascript中的Bootstrap carousel循环

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
  <!-- carousel内容 -->
</div>

<div class="carousel-inner">
  <div class="carousel-item active">
    <!-- 第一张图片或内容 -->
  </div>
  <div class="carousel-item">
    <!-- 第二张图片或内容 -->
  </div>
  <!-- 其他轮播项 -->
</div>

<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  <span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
  <span class="carousel-control-next-icon" aria-hidden="true"></span>
  <span class="visually-hidden">Next</span>
</button>

<script>
  var myCarousel = document.getElementById('myCarousel');
  var carousel = new bootstrap.Carousel(myCarousel, {
    wrap: true
  });
</script>