如何使用javascript几秒钟后更改图片

Question

我想用javascript创建一个简单的幻灯片。我写了一些代码，但它无法正常工作。

/**
 * Created by jahid on 3/7/2016.
 */
var slideimg = new Array();

slideimg[0] = new Image();
slideimg[1] = new Image();
slideimg[2] = new Image();
slideimg[3] = new Image();
slideimg[0].src = "images/polygon1.png";
slideimg[1].src = "images/polygon2.png";
slideimg[2].src = "images/polygon3.png";
slideimg[3].src = "images/polygon4.png";

var i=0;
function slideit(){
    document.getElementById('polygon').src = slideimg[i].src;
    if(i < 4){
        i++;
    }
    else
        i = 0;
    setTimeout("slideit()",3000);
}

我的html代码在这里......

<div class="box1">
	<img src="images/polygon1.png" id="polygon" width="100%" height="220" onload="slideit()">
</div>

Answer 1

您可以稍微更改一下代码并启动功能：

var i=0;
function slideit() {
    if (i >= 4) {
        i = 0;
    }
    document.getElementById('polygon').src = slideimg[i].src;
    i += 1;
    setTimeout(slideit,3000);
}
slideit();

Answer 2

您需要在"来电中放弃()和setTimeout()：

setTimeout(slideit,3000);

您当前正在调用字符串而不是函数。