Как сменить фотографии через несколько секунд с помощью 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); 

В настоящее время вы вызываете строку вместо функции.