JavaScript setInterval 函数替代

Question

我刚刚开发了一个 JS 游戏，其中有太多 setIntervals 函数调用。间隔会产生闪烁效果，这是 Not Acceptable 。我想咨询专家是否可以采用 setInterval 调用的替代方案来顺利地进行，这也很顺利？

看看游戏 http://umairashraf.net23.net/booble/

Answer 1

您没有“递归调用”。您正在创建很多计时器。对于每个新的气泡，您都会创建一个新的计时器!每 20 毫秒就会触发一百个回调函数!在您执行的每个调用中

$(bubble).offset().top;
    if (pos >= 0 - $(bubble).height()) {
        $(bubble).css({ top: (pos - 1000) + "px" });
    }

构造一个jquery对象(3次!)，计算它的偏移量，查询它的高度......一百次，每20毫秒!

对于每个创建的气泡，您应该缓存其 jquery 对象及其当前位置。将它们保存在数组或散列中:bubbleJqueryObjects 和 bubblePositions。创建单个 animateBubbles() 回调，这将仅立即更新所有现有气泡的“top”css 属性。节省 5000 个函数调用、15000 个 jquery 对象构造和 5000 个位置\大小查询。每秒。