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

<!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

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

回答

相关问题