一段简单的JavaScript逻辑，为何在IE中能运行成功，在Chrome中却失败了？

Question

我的需求是：让网页的背景随机渐变我的解决办法是，初始时随机获取一个rgb值，然后通过一个方法，每次调用时使rgb中的一个值+1或-1。这就需要防止rgb值超出255的上限，但是现在的问题是当rgb值达到255后，数值还在上涨，并没有被限制住，但我觉得我的逻辑并没有问题。以r值的获取为例：以上逻辑，在IE中运行是没有发现问题的，但是在chrome和Firefox中就不行了，不知道为何？测试页面见：代码的测试页面这是一个纯黑色的背景，右键点击“随机渐变”后即可看到页面的颜色随时间变化。左上角的数值就是页面的rgb值，大约过几十秒之后就有数值超出255的范围了。注：有人说我写的太乱了，我就添加了一些注释。其实并不乱，因为确实需要这些逻辑，只是跟当前的问题不大相关。其实问题代码就几行：上面的代码中，如果 r 大于255，那么应该进入else if (r >= top)后面的语句块执行，执行 rIncrease = false;那么下面的if语句应该进入else语句块，执行 r = r - 1; 所以 r 不应该再继续增大了的。现在的问题就是 r 值还在增大！