2016-11-18 126 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.使用 –

回答