老师这样也可以达到效果为什么要放延时器了
来源:6-3 编写跑马灯轮播图特效
慕田峪8130438
2021-04-18 16:51:02
var idx = 0;
rightbtn.onclick = function() {
list.style.transition = 'left .5s ease 0s';
idx++
if (idx > 5) {
// 设置一个延时器,延时器的功能就是将ul瞬间拉回0的位置
list.style.left = 0;
list.style.transition = '';
idx = 0;
}
list.style.left = -idx * 650 + 'px';
}
1回答
好帮手慕言
2021-04-18
同学你好,使用延时器是为了实现无缝轮播,如果按照同学的代码,例如目前显示的最后一张图片,点击右按钮显示第一张图片,会看到一个切换的过程,同学可以使用自己的代码测试一下看效果。在视频的12分20秒处,老师也详细讲解了添加定时器的执行过程,可以再看下。祝学习愉快~
相似问题