如何製作時間序列？

我想幫助添加一個自動序列到我的代碼。我希望能爲這項任務提供任何形式的幫助，如果問題是爲我完成的，我將不勝感激。這裏是交通燈陣列到目前爲止，我已經做了：如何製作時間序列？

<DOCTYPE html> 
<html> 
<body> 
<img id="img" src="./Programming/images/Traffic light 1.jpg"/> 
</body> 
<button onclick="changingimg()" type="button">Click Here!</button> 

<script> 

var array = [ 
    "./Programming/images/Traffic light 1.jpg", 
    "./Programming/images/Traffic light 2.jpg", 
    "./Programming/images/Traffic light 3.jpg"]; 
var arrayindex = 0; 
var arraylength= array.length; 
function changingimg(){ 
     document.getElementById('img').src = array[arrayindex] 
        if(arrayindex == (arraylength-1)){ 
        arrayindex=0;} 
        else{++arrayindex;} 
} 
</script> 
</body> 
</html>

感謝

來源

2016-06-21 Mr Manhattan Mouse

放'的setTimeout（changingimg，2000）'在changingimg（） – dandavis

結束時，我將簡化功能'函數changingimg（）{ 的document.getElementById（ 'IMG'）。SRC =陣列[arrayindex ++％ arraylength]; }' – fedeghe

它甚至會是一個好主意，用getElementById只有一次（如果加載）然後在最後我會寫它

var array = [ 
    "./Programming/images/Traffic light 1.jpg", 
    "./Programming/images/Traffic light 2.jpg", 
    "./Programming/images/Traffic light 3.jpg"], 
    arrayindex = 0, 
    arraylength= array.length, 
    img = document.getElementById('img'), 
    interval = 2000; 
setTimeout(function(){ 
     img.src = array[arrayindex++ % arraylength]; 
}, interval);

來源

2016-06-21 09:41:46 fedeghe

如何製作時間序列？

回答

相關問題