幻灯片显示使用JS数组

Question

该图像不加载此代码需要任何改进吗?imageurl被存储到数组中我们需要什么?

<script>
    var images = ["lap2.png", "lap1.png", "tv1.png", "tv2.png"];
    var i;
    function slides() {
        for (i = 0; i < 4; i++) {
            setInterval(function() {
                document.getElementById('slider').src = "" + images[i];
            }, 8000);
        }
    }
</script>
<!--HTML CODE-->
<p id="slide"><img src="lap1.png" id="slider" onload="this.onload=null; 
this.src=slides();" multiple>
</p>

Answer 1

 var images = ["1.png", "2.png", "3.png", "4.png"];
 let i=0;
 setInterval(function() {
   i = i < images.length -1 ? i + 1 : 0; 
   document.getElementById('slide').src =  `http://placehold.it/300x150?text=${images[i]}`;
 }, 1000);

<img id="slide" src="http://placehold.it/300x150?text=1.png"></img>