2016-11-18 91 views
0

我一直在寻找一个解决方案很长一段时间,我只是找不到我在找什么。我制作了一个自动交通信号灯的代码,并循环播放。我怎样才能改变它,所以当我点击它时会经历序列,并在它回到红色时停下来?调用多个onclick函数?

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

多的解决方案:1.使用计数器2.使用 –

回答