Question

html轮播代码

<script>
window.onload = function(){
var images = document.getElementsByTagName('img');
var pos = 0;
var len = images.length;
setInterval(function(){
images[pos].style.display = 'none';
pos = ++pos == len ? 0 : pos;
images[pos].style.display = 'inline';
},1000);
};
</script>

这一段代码没一句分别是什么意思，麻烦帮我解释一下，谢谢！

Answer 1

window.onload = function(){ 页面加载时执行var images = document.getElementsByTagName('img');//用标签名声明img标签var pos = 0;//声明变量0 及初始值Wie0var len = images.length;//获取img标签的个数setInterval(function(){//设置延时images[pos].style.display = 'none';//从pos=0开始，即第一个img标签开始设置为隐藏pos = ++pos == len ? 0 : pos;//pos+1,判断是否为img标签的总个数，即是否到最后一张图片的，若是，回到第一张，反之pos为当前这一张。images[pos].style.display = 'inline';//将当前图片设置为行内显示},1000);//延时为1秒};

Answer 2

<script>
window.onload = function(){ //当页面加载完成执行的函数
var images = document.getElementsByTagName('img'); //获取一个叫img标签的家伙存入变量imgaes
var pos = 0; //创建一个变量设定值为0
var len = images.length; //拿到img的长度（所有的img标签）存入一个变量
setInterval(function(){ //创建一个计时器方法
images[pos].style.display = 'none'; //设置img下标为pos（0）的css属性display=none 消失
pos = ++pos == len ? 0 : pos;//这里用的三目运算符，三目运算符你去看下教程，这条语句就是每次判断执行后自增一次+1存到这个变量
images[pos].style.display = 'inline';//设置下标为pos变量的样式为显示，
},1000);//间隔时间1000
};
</script>
希望能帮到你！我对这个也不是很懂，不足之处多多指出