我如何讓setInterval在沒有用戶輸入的情況下自動運行

Question

下面是我一些課程的代碼（我承認）。 正如您在評論中看到的那樣，我已經通過按鈕完成了“ setinterval”。 但是我想要的是可以自動運行的“ setInterval”。 我的意思是我不希望用戶單擊該按鈕。 有沒有辦法做到這一點，如果可以的話，您可以為我指明正確的方向。

<!DOCTYPE html>
<html>
<head>
    <title>Task 3 Manual traffic lights</title>
</head>
<body>
    <h1>JavaScript Task 3</h1>

    <p >This is my Traffic Light script</p>

    <img id="change-light" src="red_traffic_light.png" width="150"    height="300" align=middle>
    <!-- <button onclick="setInterval(changelights, 1000)" >Start the timer</button> -->
    <script>
        var list = ["red_traffic_light.png", "red-amber-traffic-light.png","green_traffic_light.png", "amber-traffic-light.png"
                   ];

        var index = 0

        function changelights() {
            index = index + 1

            if (index == list.length) index = 0;
            var image = document.getElementById('change-light');
            image.src=list[index];
        }

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

Answer 1

只需將setInterval(changelights, 1000)放入腳本標簽中即可。

當瀏覽器運行該行代碼時。 它將啟動計時器。

<script>
    setInterval(changelights, 1000);
</script>

Answer 2

准備好文檔后調用它：

使用jQuery：

$( document ).ready(function() {
    setInterval(changelights, 1000);
});

純JavaScript：

(function() {
   setInterval(changelights, 1000);
})();

我如何讓setInterval在沒有用戶輸入的情況下自動運行

問題描述

2 個解決方案

解決方案1
2 2016-06-05 12:28:31

解決方案2
0 2016-06-05 12:30:45

我如何讓setInterval在沒有用戶輸入的情況下自動運行

問題描述

2 個解決方案

解決方案1 2 2016-06-05 12:28:31

解決方案2 0 2016-06-05 12:30:45

解決方案1
2 2016-06-05 12:28:31

解決方案2
0 2016-06-05 12:30:45