多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# **自动播放** ``` autoplay:true,//等同于以下设置 /*autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: true, },*/ ``` ``` <script> window.onload = function(){ var swiper = new Swiper('.swiper-container',{ autoplay:true,//等同于以下设置 /*autoplay: { delay: 3000, //动画播放的间隔时间 stopOnLastSlide: false,//如果设置为true,当切换到最后一个slide时停止自动切换。(loop模式下无效) disableOnInteraction: true, /*用户操作swiper之后,是否禁止。默认为true:停止。如果设置为false, 用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。操作包括触碰,拖动, 点击pagination等。*/ },*/ //如果需要分页器 pagination: { el: '.swiper-pagination', }, //如果需要按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, // 如果需要滚动条 scrollbar: { el: '.swiper-scrollbar', }, }); } </script> ``` ``` // delay 还可以在某个slide上设置单独的停留时间,例 <div class="swiper-slide" data-swiper-autopaly="3000">Slide 1</div> ```