是否有人可以解釋的功能林不知道的使用指數

<!DOCTYPE html> 
<html> 
<body> 

    <h1>JavaScript Task 3- Traffic Light Sequence </h1> 

    <img id="light" src="./assets/red.png" height="205" width="95"> 
    <button type="button" onclick="changeLights()">Change Lights</button> 
    <script> 
    var colours = ["./assets/red.png","./assets/red_and_amber.png", "./assets/green.png","./assets/amber.png" ]; 
    var index = 0; 
    function changeLights() { 
     index = index + 1;  
     if (index == colours.length) 
     index = 0;  
     var image = document.getElementById('light');  
     image.src = colours[index]; 
    } 
    </script> 
</body> 
</html>

這個代碼是顯示一個紅綠燈序列的目的。先是紅色，然後是紅色和琥珀色，然後是綠色，然後回到琥珀色，然後回到紅色。我不確定這個功能是一行一行地完成的。是否有人可以解釋的功能林不知道的使用指數

來源

2016-11-26 User123

索引與顏色陣列的使用次數。例如：colours[0]是陣列中的第一種顏色; 然後索引+ = 1，現在索引== 1; 第二次： colours[1]是第二等

來源

2016-11-26 13:57:21 Long

我不能確定什麼樣的功能，通過線究竟線。

這裏是一個線由行說明：

var colours = [ 
    "./assets/red.png", 
    "./assets/red_and_amber.png", 
    "./assets/green.png", 
    "./assets/amber.png" 
];

設置了稱爲colours陣列，含有4個值。

var index = 0;

設置一個名爲index的變量。

function changeLights() {

設置一個稱爲changeLights的函數。

index = index + 1;

將index的值增加1。

if (index === colours.length) {

檢查是否的index值等於colours陣列中的值的數目。

index = 0;

復位index到0。

var image = document.getElementById('light');

在標記查找<img id="light" ... />並將其分配給一個叫做image變量。

image.src = colours[index];

靠在src值的image到colours陣列的第index值。

來源

2016-11-26 14:22:29 Rounin

非常感謝。 – User123

是否有人可以解釋的功能林不知道的使用指數

回答

相關問題