как добавить класс элементам с определенным интервалом

[Vlasenko Fedor]

Если код от этого короче

<style>
  .red {
    color: red;
  }
</style>
<p class="hello">Lorem ipsum dolor sit amet, consectetur</p>
<p class="hello">Sapiente in delectus dolorem reiciendis ditii</p>
<p class="hello">Quis dolore autem voluptatibus repellat</p>
<script>
var a=document.querySelectorAll("p.hello"),b=a.length,c=0,d=setInterval(function(){b--?a[c++].className+=" red":clearInterval(d)},2E3);
</script>

Таймер где в примере. Поставь 10000 параграфов коль спорить начал. И при чем здесь клонирование и вставка к этому примеру. Можешь рассматривать как задание заготовки

[danik.js]

Poznakomlus, что ты хочешь доказать?
Мое утверждение: запрос querySelector, раз в две секунды - вообще не проблема, даже с тыщей параграфов.

Твое?

[Vlasenko Fedor]

и ты считаешь это правильно выполнить даже при 1000

for (var count = 0, i = 0; i < 1000; count += ++i);
  alert('Всего вызовов querySelectorAll - ' + count + '\nлишних итераций - ' + (count - 1));

а то, что не тормозит так это хорошо http://learn.javascript.ru/play/aXxgxb
но зачем делать повторно вычисления которые можно сделать разово querySelectorAll я вызываю один раз, далее работаю с индексами

[рони]

<style>
  .red {
    color: red;
  }
</style>
<p class="hello">Lorem ipsum dolor sit amet, consectetur</p>
<p class="hello">Sapiente in delectus dolorem reiciendis ditii</p>
<p class="hello">Quis dolore autem voluptatibus repellat</p>
<script>
      var pAll = [].slice.call(document.querySelectorAll('p.hello')),
      timer = setInterval(function () {
      pAll.length ?  pAll.shift().classList.add('red') : clearInterval(timer)
    }, 2000);
</script>

[ksa]

Poznakomlus, выполнение чего-то "по таймауту" не предполагает скоростного выполнения.

Т.ч. пример от рони выглядит куда приятнее и понятнее...

[Vlasenko Fedor]

ksa,
То есть ты поддерживаешь идеологию что нужно писать понятливый код осуществляя при этом не нужные действия и вычисления для того, чтобы всем было понятно.
Ок принимается точка зрения. Я привел сколько итераций лишних на 1000

[рони]

Poznakomlus,
мысли вслух ... те кто производит операции с огромным количеством обьектов ... врятли нуждаются в простом и понятном

[ksa]

осуществляя при этом не нужные действия

Вот эта приписка мне не понятна...
Т.к. в примере оных просто нет. Там все действия нужные...

[ksa]

Я привел сколько итераций лишних на 1000

Да хоть на мильен! Там все действия делаются с интервалом. Т.е. никакого ускорения и не требуется...

[BETEPAH]

BETEPAH, твой getByClassName тоже в IE8 не работает )

ага. Только это не мой, эта часть взята из топика