Animation rotation autoplay4000 speed1000 written by svg used by the pager, if the animation time is set at 4s, the first animation can be completed, and then the next animation will be completed 1 second ahead of schedule. If the animation is 5S, the first animation will not be finished, and then it will be switched at the right time
./ / var mySwiper = new Swiper (".swiper-container", {
effect : "fade",
loop:true,
paginationClickable: true, //
autoplay: 4000,
speed: 800,
pagination: ".swiper-pagination",
autoplayDisableOnInteraction : false, //
paginationType: "custom",//custom,
// currentnum
paginationCustomRender: function(swiper, current, total) {
var customPaginationHtml = "";
for(var i = 0; i < total; iPP) {
//
if(i == (current - 1)){
customPaginationHtml += "<span class="banner-active swiper-pagination-customs-active"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M 8 1 a 7 7 0 0 1 0 14 a 7 7 0 0 1 0 -14 Z" fill="none" stroke="-sharp807c7c" stroke-width="2" stroke-linecap="round" stroke-dasharray="43.98847961425781"><animate attributeName="stroke-dashoffset" dur="4s" from="43.98847961425781" to="0" repeatCount="forwards" /></path></svg></span>";
}
else {
customPaginationHtml += "<span class="swiper-pagination-customs"></span>";
}
}
return customPaginationHtml;
},