var swiper = new Swiper(".mySwiper", {
                effect: "fade",
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
            renderBullet: function (index, className) {            return '<span class="' + className + '">' + (index + 1) + "</span>";          },
        },
        direction: 'vertical',
        autoplay : {
            delay: 5000,
            disableOnInteraction: false
        },
        breakpoints: { 
            320: {  //当屏幕宽度大于等于320
              slidesPerView: 2,
              spaceBetween: 10
            },
            768: {  //当屏幕宽度大于等于768 
              slidesPerView: 3,
              spaceBetween: 20
            },
            1280: {  //当屏幕宽度大于等于1280
              slidesPerView: 4,
              spaceBetween: 30
            }
        },
        slidesPerView : 3,
        slidesPerGroup : 3,
        spaceBetween: 10,
        navigation: {
        nextEl: "#p1 .swiper-button-next",
        prevEl: "#p1 .swiper-button-prev",},
        });
        
        $('.swiper-slide').mouseenter(function() {
    mySwiper.autoplay.stop();
})// 鼠标移出开始自动滚动$('.swiper-slide').mouseleave(function() {
    mySwiper.autoplay.start();
})

<div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
      <div class="swiper-slide">Slide 4</div>
      <div class="swiper-slide">Slide 5</div>
      <div class="swiper-slide">Slide 6</div>
      <div class="swiper-slide">Slide 7</div>
      <div class="swiper-slide">Slide 8</div>
      <div class="swiper-slide">Slide 9</div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>