如何在javascript中为红绿灯代码创建按钮？_Javascript

如何在javascript中为红绿灯代码创建按钮？

javascript

如何在javascript中为红绿灯代码创建按钮？,javascript,Javascript,我打算在我的交通灯代码中包含一个按钮，以便用户可以单击它来激活交通灯，但是，我不确定在我的代码中放置它的位置这是我的代码： <head> <script type="text/javascript"> var image1 = new Image() image1.src = "traffic light_1.png" var image2 = new Image() image2.src = "traffic light_2.png" var image3 = new

我打算在我的交通灯代码中包含一个按钮，以便用户可以单击它来激活交通灯，但是，我不确定在我的代码中放置它的位置

这是我的代码：

<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "traffic light_1.png"
var image2 = new Image()
image2.src = "traffic light_2.png"
var image3 = new Image()
image3.src = "traffic light_3.png"
var image4 = new Image()
image4.src = "traffic light_2.png"
</script>
</head>
<body>
<p><img src="traffic light_1.png" width="500" height="300" name="slide" /></p>
<script type="text/javascript">
        var step=1;
        function slideit()
        {
            document.images.slide.src = eval("image"+step+".src");
            if(step<4)
                step++;
            else
                step=1;
            setTimeout("slideit()",3000);
        }
        slideit();
</script>
</body>


var image1=新图像（）
image1.src=“红绿灯\u 1.png”
var image2=新图像（）
image2.src=“红绿灯_2.png”
var image3=新图像（）
image3.src=“红绿灯\u 3.png”
var image4=新图像（）
image4.src=“红绿灯_2.png”

var阶跃=1；
函数slideit（）
{
document.images.slide.src=eval（“image”+step+“.src”）；
如果（步骤将按钮放在body标签内您喜欢的任何位置
<input type="button" name="start" value="Start/stop Traffic light" onclick="startStop()">

并在下面添加startStop
函数和working
变量声明
var working;
function startStop() {
    if (typeof working != 'undefined') working = clearInterval(working);
    else working=setInterval("slideit()", 3000);
}

谢谢你的帮助，但当我点击按钮时，它不会激活交通灯。有什么我没有做的吗？你的浏览器的javascript控制台中有任何错误吗？你可以在
var working;
function startStop() {
    if (typeof working != 'undefined') working = clearInterval(working);
    else working=setInterval("slideit()", 3000);
}