html显示图片的预加载，为什么400ms比200ms更卡。

Question

    setInterval(function()
    {
        if (i == 0) {
            box.innerHTML = '<img src="../' + shuru + '.jpg?_t=' + suiji + '" width=800>';
            suiji = Math.random();
            boxx.innerHTML = '<img src="../' + shuru + '.jpg?_t=' + suiji + '" width=0>';
            i = 1;
        }
        else
        {
            box.innerHTML = '<img src="../' + shuru + '.jpg?_t=' + suijii + '" width=800>';
            suijii = Math.random();
            boxx.innerHTML = '<img src="../' + shuru + '.jpg?_t=' + suijii + '" width=0>';
            i = 0;
        }
    }, 200);

这个程序该怎么优化，为什么比不写if还卡？

Answer 1

虽然不知道你这段代码实现了什么样的功能，但是看到你使用了setInterval函数，但是你没有clearInterval来停止，setInterval就会不停的执行下来，造成卡顿的原因之一