老师这样也可以达到效果为什么要放延时器了

来源: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秒处,老师也详细讲解了添加定时器的执行过程,可以再看下。祝学习愉快~

0

0 学习 · 15276 问题

查看课程