for循环

for循环

http://img1.sycdn.imooc.com//climg/5a0d57fe0001083008900221.jpg请问这又在遍历着循环隐藏,又在显示,会不会冲突啊?还有就是这之间是怎么的一个变幻过程呢?比如我的第一个在显示,for循环刚好也循环在第一张图上,那就是全部隐藏了,那这个时候显示的又是怎么显示出来的呢?这个过程的背后到底发生了什么?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕糖 2017-11-16 18:38:52

可以这么理解,祝学习愉快~

好帮手慕糖 2017-11-16 18:13:44

你好,因为你的图,只有部分代码,接下来可参考下图来理解:

1、切换图片的循环时封装在函数中的,所以调用的时候才会执行。

2、最开始默认显示的是第一张,index为0,这个时候切换图片的函数还没有执行;

3、然后执行计时器,index++,index变为了1(就是第二张图);然后调用切换图片的函数,先执行循环,所有的都隐藏,然后对应的显示,(这里需要注意,按照代码执行的循环时先隐藏所有,在显示指定的,所以不会冲突)

4、然后现在index的值为1(显示的是第二张),然后继续执行计时器,index++,index变为了2,然后调用函数,所有的都隐藏,对应的显示(index为2,显示第三张);就是这样执行呀,课中老师都有讲解哦,可以结合代码再听下课程哦。

http://img1.sycdn.imooc.com//climg/5a0d634900015a4f07030501.jpg

祝学习愉快~

  • 提问者 潜狸 #1
    我的代码就是视频的原代码,我可以这样理解不,就是首先所有都隐藏的,我只是需要的才显示出来,也就是当我index到哪里,就显示当前的,没有 到的地方的图片依旧处于隐藏状态,这有点选项卡的味道
    2017-11-16 18:21:43
好帮手慕糖 2017-11-16 17:44:23

你好,这里是先进行for,使所以的都隐藏,然后执行下面的,使的指定的显示。

祝学习愉快~

  • 提问者 潜狸 #1
    这个从代码表面看起来是这样解释的,我的意思是当我播放第二张的时候for循环在干嘛?也就是说如果开始把它全部隐藏,开始执行第一张,恰好 for循环也在0的位置,那么都是在0的位置上,那显示和隐藏不冲突吗?或者我换句话说:如果不加遍历,那么图片都会显示出来,而且会停留在最后一张,另外两张因为被覆盖所以看不见,但当我加上遍历之后,我的图片只要循环到0 1 2中任何一个值上,图片都会消失,比如pics[0],那么此时pics[index]也出现在0这个序号上,那会有冲突吗?如果没有,那它是到底是一个什么的过程实现了效果呢?
    2017-11-16 17:57:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师