javascript - 为什么 javascript setTimeout 延迟不起作用并且 setInterval 太慢

Question

    function paint(ctx, canvas) {
    var veces = 0;
    var interval = 1000;
    dibujo();
    function dibujo() {
        var lado1 = Math.floor((Math.random() * 300) + 1);
        var lado2 = Math.floor((Math.random() * 300) + 1);
        ctx.strokeStyle = '#' + Math.floor(Math.random() * 16777215).toString(16);
        ctx.strokeRect((canvas.width / 2) - (lado1 / 2),
            (canvas.height / 2) - (lado2 / 2),
            lado1,
            lado2);
        veces++;
        if (veces < 1000) {
            setTimeout(dibujo(), interval);
        }
    }
}

我的 setTimeout 完整代码 FIDDLE

和

我的 setInterval 的完整代码 FIDDLE

我做错了什么？

Answer 1

除了 Pointy 的回答。由于 js 的单线程架构，您永远不会在 setInterval 中获得 0 毫秒的步骤，在某些浏览器中这将接近 0 毫秒，但它永远不会与向下查看浏览器直到完成的循环相同。

在我的 chrome 中平均为 5.3 毫秒，在我的 IE10 中平均为 3.4 毫秒。也许这就是您所说的“setInterval 太慢”的意思。