滚动的延时使用设定的delay, 延时结束后, 清除过渡动画(过渡动画的清除, 主要给后面最后一位跳到第一位时用)和isAnimating标记
goSlider () {
// 添加过渡效果, delay..., 给上面 animate 方法用来判断
this.swiper.classList.add('isAnimating')
// 切换结束, 清空状态, 清空过渡效果
setTimeout(...此时没有过渡动画, 就实现了最后一位5和第一位5的快速切换, 然后过渡到第1位;
给currentPosition设置为1后, 进入到切换动画, 这样视觉上就是5过渡到1
animate () {...this.goSlider()
}, 20)
}
/**
* 轮播
*/
goSlider() {
// 添加过渡效果..., 给上面 animate 方法用来判断
this.swiper.classList.add('isAnimating')
// 切换结束, 清空状态, 清空过渡效果
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
