Question

我一直在寻找解决方案很长一段时间，我找不到我想要的东西。我制作了一个代码，它是一个自动交通灯，它循环通过。我如何更改它，以便当我点击它完成序列并在它返回红色时停止？

<!DOCTYPE html>
<html>
<head>
  <title>Demo</title>
</head>
<body onload="startTime();">
<img id="img1" />
<script>
var imgArray = new Array("Red.jpg","RedA.jpg","Green.jpg","Amber.jpg");
var imgCount = 0;
function startTime() {
    if(imgCount == imgArray.length) {
        imgCount = 0;
    }
    document.getElementById("img1").src = imgArray[imgCount];
    imgCount++;
    setTimeout("startTime()", 1000);
}
</script>
</body>
</body>
</html>

Answer 1

您只需要更改setTimeout函数语法。

setTimeout(function(){
  startTime();
},1000);

Check working example

调用多个onclick函数？

1 个答案: