Question

<!DOCTYPE html>
<html>
<body>


<img id="Change Lights" src="red.jpg" width="1500" height="800"> 

 <br><button onclick="nxt()" id="button">Change colour</button></br>

 <script>

var img = new Array("red.jpg", "amber.jpg","green.jpg");



var imgElement = document.getElementById("Change Lights");
var lights = 0;
var imgLen = img.length;

             function nxt()
        {
            if(lights < imgLen-1)
                {
                    lights++;
                }
            else{
                    lights=0;                
                }

                imgElement.src = img[lights];                    
        }



</script>
</body>
</html>

嗨，这是我的代码我真的不知道如何添加一个计时器我已经研究过如何做一个计时器但是我仍然无法弄明白，所以交通信号灯本身就会改变，请你能帮助我吗？给定时器用计时器添加或完成它。

Answer 1

使用setInterval（nxt，1000）每1000毫秒更改一次颜色。

Answer 2

所有贡献者都说实话。 setInterval可以节省一天的时间。

似乎你想要创建一个交通灯。 https://jsfiddle.net/tyf5rjk3/

P.S。只是一点点评论。 Javascript写成一个单词;）

java脚本交通灯序列计时器

2 个答案: