Fatal编程技术网
  • javascript/
  • Javascript 你能帮我解释一下这是什么意思吗？

Javascript 你能帮我解释一下这是什么意思吗？

javascript html

Javascript 你能帮我解释一下这是什么意思吗？,javascript,html,Javascript,Html,大家好，我最近在另一个论坛上发现了这段代码，我唯一的问题是试图解释代码的实际含义 var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"]; var index = 0; function changeLights() { var image = document.getElementById('Red.jpg'); var display = document.getElementById('disp

大家好，我最近在另一个论坛上发现了这段代码，我唯一的问题是试图解释代码的实际含义

  var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"];
  var index = 0;

  function changeLights() {
    var image = document.getElementById('Red.jpg');
    var display = document.getElementById('display');
    index = (index + 1) % 4;
    image.src = list[index];
    display.innerHTML = list[index]
谢谢你们的帮助，伙计们，我希望我能很快听到你们的答案

<!DOCTYPE html>
<html>
<body>
<h1>Traffic Light Sequence</h1>

<img id="Red.jpg" src="Red.jpg">

<button type="button" onclick="changeLights()">Change Lights</button>

<script>
  var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"];
  var index = 0;

  function changeLights() {
    var image = document.getElementById('Red.jpg');
    var display = document.getElementById('display');
    index = (index + 1) % 4;
    image.src = list[index];
    display.innerHTML = list[index];

  }
</script>

</body>
</html> 


交通灯顺序
换灯
var list=[“Red.jpg”、“Amber.jpg”、“Green.jpg”、“AmberLast.jpg”]；
var指数=0；
函数changeLights（）{
var image=document.getElementById（'Red.jpg'）；
var display=document.getElementById（'display'）；
指数=（指数+1）%4；
image.src=列表[索引]；
display.innerHTML=列表[索引]；
}
这是我的全部代码

var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"];
这是图像源名称的数组

这是一个变量，称为index，其值为0，因为您可以使用数组的index以数组的元素（例如Amber.jpg）为目标。数组的索引默认从0开始（从零开始），因此在上面的“list”数组中，0的索引（list[0]）将返回“Red.jpg”

  function changeLights() {

    var image = document.getElementById('Red.jpg');
    var display = document.getElementById('display');
    index = (index + 1) % 4;
    image.src = list[index];
    display.innerHTML = list[index];

  }
此函数选择
索引+1（=1）
，然后将ID为display的元素的内部HTML设置为Amber.jpg（列表[1]）。

“换灯”的正确方法是：


var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"];

var index = 0;

function changeLights() {

   var max = list.length - 1;
   var next = index += 1; 

   if(next > max) {
      next = 0; //start back at beginning
      index = 0;
   }  

   var image = document.getElementById('IDOFIMAGETAG'); //replace will correct ID of <img>

   image.src = list[next];

}



var list=[“Red.jpg”、“Amber.jpg”、“Green.jpg”、“AmberLast.jpg”]；
var指数=0；
函数changeLights（）{
var max=list.length-1；
var next=指数+=1；
如果（下一个>最大值）{
next=0；//从头开始
指数=0；
}  

var image=document.getElementById（'IDOFIMAGETAG'）//替换将纠正的方式，这是一个交通灯序列，其余的功能在哪里？请考虑在网络上的某个专门论坛上问这样的问题。StAcExcel是关于解决特定的开发问题，而不是解释编码基础。但是@休伯特格雷斯科维亚克，我相信这个论坛有一个开放的。任何问题的策略，无论是发展问题还是基本问题，在我的情况下，这是我GCSE课程作业的发展。@Ben，你为什么不自己在浏览器中执行代码来理解代码的工作方式……这段代码很琐碎。感谢你的回复和对代码的更改，但是我使用的代码是dos对于我正在做的事情来说，e工作很好，但是我会尝试你的代码，感谢你对我的问题以及我在上面定义的html部分中的输入。如果你决定在CSS中设置#Red.jpg的样式，你将需要跳过这一段：#Red\.jpg。我不知道这是ID中的有效字符！酷

var list=["Red.jpg","Amber.jpg","Green.jpg","AmberLast.jpg"];

var index = 0;

function changeLights() {

   var max = list.length - 1;
   var next = index += 1; 

   if(next > max) {
      next = 0; //start back at beginning
      index = 0;
   }  

   var image = document.getElementById('IDOFIMAGETAG'); //replace will correct ID of <img>

   image.src = list[next];

}