许多setIntervals与每秒的许多选择

Question

我需要显示超过50个div的倒计时（想想Swoopo.com），我将每秒使用setInterval。

我可以想到这两个选项。我的问题是 - 性能更方便？有50个不同的setIntervals或每秒选择50个div？谢谢。

1. 编写一个插件并将其绑定到50个元素（然后我将有50个setIntervals）。
2. 只有一个setInterval。每隔一秒，选择50个元素并设置HTML。

Answer 1

肯定有一个计时器可以触发50个动作而不是让50个计时器触发一个动作。

计时器价格昂贵，你应尽量少用它们。

您可以尝试的另一个性能调整是缓存DOM元素，（我认为您应该将返回的jQuery节点列表缓存在外部变量中）。

Answer 2

为什么不缓存选择？

var divs = $('div.myCountdownDiv')

var interval = setInterval(function() {
    divs.text( 'some decremented value' );
}, 1000);

我绝对不会每秒都进行DOM选择。