为什么我已经设表先关了，但是图片变化还是越来越快

来源：5-1 定时器和延时器（1）

weixin_慕村1291783

2020-11-11 12:44:12

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!DOCTYPE html><html lang="en">
<head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <style>        img {            height: 120px;        }    </style></head>
<body>    <div id="box"></div>    <script>        // 建一个红绿灯类

        function HongLv() {            this.color = 1;            this.init();            this.bingEvent();        }        var box = document.getElementById('box');        HongLv.prototype.init = function() {            this.dom = document.createElement('img');            this.dom.src = 'images/' + this.color + '.jpg';            box.appendChild(this.dom)        }        HongLv.prototype.bingEvent = function() {            var self = this;            this.dom.onload = function() {                var timer;                clearInterval(timer);                timer = setInterval(function() {                    self.color = parseInt(Math.random() * (4 - 1) + 1);
                    // if (self.color == 4) {                    //     self.color = 1;                    // }                    self.huan();                }, 1000)
            }        }        HongLv.prototype.huan = function() {            this.dom.src = 'images/' + this.color + '.jpg';        }        var count = 50;        while (count--) {            new HongLv();        }
        function suiji(a, b) {
        }    </script></body>
</html>