在一个页面上实现两个独立的swiper.js滑块--如何在其中一个页面中实现延迟？

<div class="swiper-container1">
  <div class="swiper-wrapper">
    <!-- 添加swiper滑块内容 -->
  </div>
</div>

<div class="swiper-container2">
  <div class="swiper-wrapper">
    <!-- 添加swiper滑块内容 -->
  </div>
</div>

.swiper-container1, .swiper-container2 {
  width: 100%;
  height: 300px; /* 设置合适的高度 */
}

var swiper1 = new Swiper('.swiper-container1', {
  // 设置swiper1的配置项
});

var swiper2 = new Swiper('.swiper-container2', {
  // 设置swiper2的配置项
  // 在需要延迟的swiper中添加以下代码
  on: {
    init: function() {
      setTimeout(function() {
        swiper2.update(); // 更新swiper2
      }, 1000); // 设置延迟时间，单位为毫秒
    }
  }
});