如何使用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"> 
 
\t <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); 

您目前正在調用一個字符串而不是函數。