JavaScript设置间隔不起作用?

时间:2017-02-08 19:53:51

标签: javascript

有人可以解释为什么下面的代码没有运行自动图像序列'。我之前使用我的代码之前能够做到这一点,因为我已经稍微编辑了它,自动化功能不起作用。

<!DOCTYPE html>

<html>
<body>

    <img id="Light" src="./red.jpg">
    <button type="button" onclick="ChangeLights()">Change Lights</button>

        <script>

            var List = [
                "./red.jpg",
                "./redyellow.jpg",
                "./green.jpg",
                "./yellow.jpg",
                ];

            window.onload = "ChangeLights()"; 

            var index = -1; 

            function ChangeLights() {
            index ++; 

            var image = document.getElementById('Light'); 
            image.src = List[index % List.length]; 

            }
            setInterval(ChangeLights, 1000)

        </script>

</body>
</html>

2 个答案:

答案 0 :(得分:0)

自动化工作正常,但图片的路径错误,您应该通过指向正确的文件夹来修复它,可能是删除“./NAME_OF_THE_IMAGE”上的“./”。

答案 1 :(得分:0)

它运行正常,但您可以将Array更改为其他名称,并在没有#34;&#34;的情况下调用ChangeLights();在第18行。