Question

我只需按一下按钮就可以循环显示5张图像。我对编码很陌生，我被要求由朋友修改此代码，但我无法看到它是如何工作的。当我在chrome上运行它时，第一个图像出现但是当我按下按钮时它不会改变到下一个图像。如果有任何用途，我使用sublime text 2。这是我试图解决的代码

<script type='text/javascript'>
var trafficlights = new Array(."Traffic Lights Red (4).jpg","Traffic Lights    RY.jpg","Traffic Lights Green.jpg","Traffic Lights Yellow.jpg", "Traffic Lights Red (4).jpg")
var lightcentre = 0;
function lightCycle()

{
 if(++lightcentre == 5)
  lightcentre = 0;

 document.images.banner.src = trafficlights[lightcentre];

}

</script>


</head>


<body>

<img src="Traffic Lights Red (4).jpg" name="banner" > 
<form>
 <input type="button" value="Change lights" name="Change lights"    onclick="lightCycle()">
</form>


</body>



</html>

Answer 1

您的代码中存在语法错误，导致事情中断：

var trafficlights = new Array(."Traffic Lights Red (4).jpg", ...

那个时期不属于那个时期。删除它似乎使我的代码在我的Firefox中运行得很好。

var trafficlights = new Array("Traffic Lights Red (4).jpg", ...

使用按钮

1 个答案: