轮播图

setInterval

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

给需要轮播的图片在js里声明一个变量 以数组的类型

在HTML里找到图片的位置

代码如下

HTML代码

<div>
    <img src="res/img/2019041118390470185819.jpg" alt="" id="img">
</div>

js代码

 var aa = ['./res/img/2019041118390470185819.jpg',
        './res/img/2019053012202489241236.jpg',
        './res/img/2019041116401175094633.jpg',
        './res/img/2019060618071061446671.jpg'];
    var bb = document.getElementById('img');
    var i = 0;
    setInterval(function () {
        //运行一次i+1
        i++;
        //如果i等于aa数组的长度时让i=0
        if (i == aa.length) {
            i = 0;
        }
        //让bb等于aa【i】
        bb.src = aa[i];
        //两秒钟轮播一次
    }, 2000);

注意：这是不能手动控制的轮播图