Много setIntervals против много выборов в секунду

Question

Мне нужно показать обратный отсчет более чем в 50 делениях (подумайте о Swoopo.com), и я буду использовать setInterval каждую секунду.

Я могу думать об этих 2 вариантах. У меня вопрос - что удобнее для выступления? Имея 50 различных setIntervals или выбирая 50 делений в секунду? Спасибо.

1. Напишите плагин и свяжите его с 50 элементами (тогда у меня будет 50 setIntervals).
2. Имейте только один setInterval. Каждую секунду выбирайте 50 элементов и устанавливайте HTML.

Answer 1

Почему бы не кэшировать выбор?

var divs = $('div.myCountdownDiv')

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

Я бы точно не делал выбор DOM каждую секунду.

Answer 2

Определенно есть один таймер, который запускает 50 действий, чем 50 таймеров, запускающих одно действие.

Таймеры дороги, вы должны стараться использовать их как можно меньше.

Еще одна настройка производительности, которую вы можете попробовать, - это кэширование элементов DOM (я думаю, вам следует кэшировать возвращенный список узлов jQuery во внешней переменной).