Question

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

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

Answer 1

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

Answer 2

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

JavaScript设置间隔不起作用？

2 个答案: